☆ 色花堂美化

色花堂/98堂论坛网页桌面端美化

// ==UserScript==
// @name         ☆ 色花堂美化
// @namespace    https://www.sehuatang.net
// @version      0.6.2
// @description  色花堂/98堂论坛网页桌面端美化
// @author       kitawa
// @match        *://*.sehuatang.*
// @match        *://*.sehuatang.net/*
// @match        *://*.sehuatang.org/*
// @match        *://*.sehuatang.*/*
// @match        *://*.pbvfx.*/*
// @run-at       document-start
// @grant        GM_addStyle
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_registerMenuCommand
// @license      GPL-3.0 License
// ==/UserScript==

// 1. 初始隐藏页面,防止闪烁,并在脚本准备好后显示
const initialHideStyle = document.createElement('style');
initialHideStyle.textContent = `html { visibility: hidden !important; opacity: 0 !important; transition: opacity 0.3s ease !important; } html.sht-script-ready { visibility: visible !important; opacity: 1 !important; }`;
document.documentElement.appendChild(initialHideStyle);

// 2. 创建和插入基础样式(立即执行,不依赖DOM)
const baseStyle = document.createElement('style');
baseStyle.type = 'text/css';
baseStyle.innerHTML = `
html, body {
  margin: 0;
  background: none !important;
  background-image: none !important;
  position: relative;
}

.gradient-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

.gradient-background::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--background-color);

  }
  `;
document.documentElement.appendChild(baseStyle);

// 3. 立即应用主题Class (在基础样式之后,以便CSS变量生效)
(function() {
  let theme = null;
  try {
      if (typeof GM_getValue === 'function') {
          theme = GM_getValue('sehuatang_theme', 'pink');
      } else {
          theme = localStorage.getItem('sehuatang_theme') || 'pink';
      }
  } catch(e) {
      console.error('Error reading theme:', e);
  }

  // 应用主题
  if (theme === 'green') {
      document.documentElement.classList.add('theme-green');
      document.documentElement.classList.remove('theme-pink');
  } else {
      document.documentElement.classList.add('theme-pink');
      document.documentElement.classList.remove('theme-green');
  }
})();

(function() {
  'use strict';

  // --- Optimized enableDrag function ---
  /**
   * 启用拖动
   * @param {HTMLElement} elmnt - 要启用拖动的元素
   */
  function enableDrag(elmnt) {
      // Check if drag is already enabled
      if (elmnt.dataset.dragEnabled) {
          // console.log('Drag already enabled for:', elmnt.id);
          return;
      }
      // console.log('Enabling drag for:', elmnt.id);
      elmnt.dataset.dragEnabled = 'true'; // Mark as enabled

      var initialX = 0, initialY = 0, currentX = 0, currentY = 0, offsetX = 0, offsetY = 0;
      var latestMouseX = 0, latestMouseY = 0;
      var rafId = null;
      var isDragging = false;

      // Use the element itself as the drag handle initially.
      // Discuz popups often have a header with class 'flb', which is better.
      var dragHandle = elmnt.querySelector('.flb') || elmnt;
      // Ensure the drag handle has a cursor style indicating it's draggable
      dragHandle.style.cursor = 'move';

      dragHandle.onmousedown = dragMouseDown;

      function dragMouseDown(e) {
          e = e || window.event;
          const target = e.target;

          // Prevent dragging on interactive elements inside the handle or element
          const isInteractive = target.tagName.match(/^(INPUT|TEXTAREA|BUTTON|SELECT|OPTION|LABEL|A)$/) ||
                                target.closest('button, a, input, textarea, select') !== null ||
                                target.classList.contains('flbc'); // Exclude the close button often found in .flb

          if (isInteractive) {
              // console.log('Clicked on interactive element, drag prevented.');
              return;
          }

          // Prevent default text selection behavior only when starting drag on the handle
          e.preventDefault();

          initialX = e.clientX;
          initialY = e.clientY;
          latestMouseX = initialX;
          latestMouseY = initialY;

          // Get position using getBoundingClientRect for accuracy with fixed positioning
          const rect = elmnt.getBoundingClientRect();
          currentX = rect.left;
          currentY = rect.top;

          offsetX = initialX - currentX;
          offsetY = initialY - currentY;

          // Ensure element has fixed or absolute positioning for top/left to work reliably
          const currentPosition = window.getComputedStyle(elmnt).position;
          if (currentPosition !== 'fixed' && currentPosition !== 'absolute') {
             // console.warn('Draggable element is not fixed or absolute, setting to fixed.');
             elmnt.style.position = 'fixed'; // Force fixed if not already
             // Re-calculate position after potentially changing position type
             const newRect = elmnt.getBoundingClientRect();
             currentX = newRect.left;
             currentY = newRect.top;
             offsetX = initialX - currentX;
             offsetY = initialY - currentY;
          }

          // Remove transform if it was used for centering, set top/left explicitly
          elmnt.style.transform = 'none';
          elmnt.style.left = currentX + 'px';
          elmnt.style.top = currentY + 'px';
          // Ensure margin is reset if transform was used for centering
          elmnt.style.marginLeft = '0';
          elmnt.style.marginTop = '0';

          isDragging = true;

          document.addEventListener('mouseup', closeDragElement, true); // Use capture phase
          document.addEventListener('mousemove', elementDrag, false); // Use bubbling phase
      }

      function elementDrag(e) {
          if (!isDragging) return;

          e = e || window.event;

          latestMouseX = e.clientX;
          latestMouseY = e.clientY;

          scheduleUpdate();
      }

      function scheduleUpdate() {
          if (rafId === null) {
              rafId = requestAnimationFrame(updateElementPosition);
          }
      }

      function updateElementPosition() {
          if (!isDragging) {
              rafId = null;
              return;
          }

          const newPosX = latestMouseX - offsetX;
          const newPosY = latestMouseY - offsetY;

          elmnt.style.left = newPosX + 'px';
          elmnt.style.top = newPosY + 'px';

          rafId = null;
      }

      function closeDragElement() {
          if (isDragging) {
              isDragging = false;

              if (rafId !== null) {
                  cancelAnimationFrame(rafId);
                  rafId = null;
              }

              document.removeEventListener('mouseup', closeDragElement, true); // Match capture phase
              document.removeEventListener('mousemove', elementDrag, false); // Match bubbling phase

              // Optional: Mark that it has been dragged
              // elmnt.dataset.hasBeenDragged = "true";
          }
      }
  }
  // --- End of enableDrag function ---

  // 定义 ready 函数
  function ready(fn) {
    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', fn);
    } else {
      fn();
    }
  }

  // 待页面结构开始形成时,添加背景层
  const addBackgroundLayer = () => {
      // 如果在 iframe 中运行,则不添加背景层
      if (window.self !== window.top) {
          // console.log('色花堂美化: Inside iframe, skipping background layer.');
          return false;
      }
      if (document.body) {
          if (!document.querySelector('.gradient-background')) {
              const gradientDiv = document.createElement('div');
              gradientDiv.className = 'gradient-background';
              document.body.appendChild(gradientDiv);
          }
          return true;
      }
      return false;
  };

  // 尝试添加背景层,如果DOM还未准备好,则设置观察器
  if (!addBackgroundLayer()) {
      const bodyObserver = new MutationObserver(() => {
          if (addBackgroundLayer()) {
              bodyObserver.disconnect();
          }
      });
      bodyObserver.observe(document.documentElement, { childList: true, subtree: true });
  }


  const STYLE_ID = "sehuatang-enhanced-styles";

  const customStyles = `

/* 全局圆角 */
* {
  font-family: "PingFang SC","Noto Sans SC","Microsoft YaHei","SF Pro", Arial, sans-serif  !important;
  font-weight: 500 !important;
  border-radius: 10px;
  text-decoration: none !important;

}

body > * {
     border-radius: 0;
}

:root {
  --icon-radius: 8px;
}

/* 粉色主题 */
.theme-pink {
--primary-color: #E45E6B;
--Second-color: #fcc;
--primary-font-color: #a8555e;
--background-color: #FEF1F5;
--sider-color: #FFECEC;
--sider-line: 1px solid #fcc;
--postlist-color: #fff;
--tedt-bar-color: rgba(249, 222, 222, 0.5);
--td-color: #FFF7F7;
}

/* 绿色主题 */
.theme-green {
--primary-color: #628889;
--background-color: #b6cdcd;
--Second-color: #B6CDCD;
--primary-font-color: #3a5564;
--sider-color: #e1e9ea;
--sider-line: none;
--postlist-color: #fff;
--tedt-bar-color: rgba(182, 205, 205, 0.3);
--td-color: #E5ECEC;
}

/* 全局小手 */
button {
  cursor: pointer !important;
}

a:hover {
text-shadow: 0 0px 5px rgba(255, 255, 255, 0.4);
}


/* ------------------------------杂项-------------------------------------- */
/*---------屏蔽------------- */
.bm_h .o,
#f_pst,
#pgt,
#aimg_gGJyx,
.wp.mtn,
#wp > div:nth-child(8),
img[src*="static/image/hrline/"][src$=".gif"],
img[src*="static/image/common/hot_"][src$=".gif"],
img[src*="static/image/filetype/"][src$=".gif"],
img[src*="static/image/hrline/"][src$=".gif"],
img[src*="static/image/common/close.gif"],
img[src*="static/image/common/forum_new.gif"],
img[src*="static/image/common/forum.gif"],
img[src*="static/image/common/agree.gif"],
img[src*="static/image/common/logo.png"],
img[src*="static/image/common/logo_sc_s.png"],
img[src*="static/image/feed/thread.gif"],
img[src*="www.sehuatang.net/template/default/style/t1/bgimg.jpg"],
img[src*="tupian/forum/202502/02/121629ufzw3n4wvvinail2.gif"],
img[src*="tupian/forum/202502/02/122015fxzvv3xec1r9n75v.gif"],
[id^="threadlisttableid"] > tbody:nth-child(1) > tr > td.icn > img,
[id^="stickthread"] > tr > td.icn > a > img,
[id^="normalthread_"] > tr > td.icn > a > img,
#scbar_btn_td,
#scbar_hot_td,
#scbar_hot,
#ajaxwaitid,
#ak_rate > i > img,
#ak_reportad,
#atarget,
#autopbn,
#diy_chart .frame-1-2-r::after,
#favatar34006704 > p.md_ctrl,
#fj,
#k_favorite > i > img,
#notice_8953983 > dd.ntc_body > div,
#postlist > table.plhin,
#qmenu,
#scrolltop,
#tip,
#toptb,
.ad,
.notice_pm, .notice_mypost, .notice_interactive, .notice_system, .notice_manage, .notice_app, .alert_btnleft,
.forumrefresh,
.prompt_follower_0,
.prompt_news_0,
.sign,
.span.none,
.tip_4 .tip_horn,
.vwthd div.y,
span.ddpc_borderright,
div > div.card_mn > div.c > p > img,
div.i.y > div.imicn > a > img,
div:nth-child(1) > p:nth-child(2) > a:nth-child(2) > img,
div:nth-child(1) > p:nth-child(2) > a:nth-child(3) > img,
h2 > img {
   display: none !important;
}

.fastre, .replyadd, .replysubtract  {
   background: none !important;
}

.hin {
	opacity: 0;
}

/* ---------隐藏 ---------*/
#separatorline > tr {
    visibility: hidden;
}

.alert_error,
.notice,
.unfold, .fold,
.fa_fav,
.vwmy,
.ct2_a, .ct3_a,
#scform_tb .a,
#myprompt.new,
#nv li, #nv li a:hover, #nv li.hover a, #nv li.hover a:hover {
  background-image: none !important;
}

/* 用项目列表符号代替图片 */
[id^="stickthread"] > tr > td.icn > a,
[id^="normalthread_"] > tr > td.icn > a {
    position: relative;
}

[id^="stickthread"] > tr > td.icn > a::before, [id^="normalthread_"] > tr > td.icn > a::before {
    content: "●";
    font-size: 12px !important;
    color: #ededed;
    position: absolute;
    margin: -7px 8px;
}

.ttp {
    padding-top: 10px;
    border: none !important;
    background: transparent;
}

.tl tr:hover th, .tl tr:hover td {
    background: transparent;
}

.tl th em, .tl th em a {
color: #1598f5!important;
}

/* 标题 背景 */
.ts {
background: transparent;
}

#tbody > tr:nth-child(1) > td.plc {
border-radius: 0 !important;
}

#ct > div.mn > div.fl.bm > div:nth-child(1) > div.bm_h.cl > h2 > a {
  color: #fff !important;
  margin-left: 10px;
  font-size: 14px;
}

table tbody tr td dl dt {
font-size: 13px;
}

.rfm {
	margin: 10px auto;
	border-bottom: none;
}



/* ----------原始头像-------- */
.pls .avatar {
	margin: 10px auto;
	text-align: center;
}
.pls .avatar img {
	padding: 0px;
	width: 100px;
	outline: 4px solid var(--primary-color);
  border-radius: 14px;
}




/* --------和谐头像--------- */
.pls .avatar img {
    visibility: hidden; /* 隐藏图片但保留其占位 */
}
.avatar .avtm {
	background-image: url('https://ttou.j03og.app/uc_server/images/noavatar_middle.gif');
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 100px;
	display: block;
	outline: 4px solid var(--primary-color);
}



/* ---------看帖页背景-------------- */
.plc {
  background-color: #fff;
}
/* ----------------------- */
.showmenu {
padding-right: 10px; /* 保持间距 */
white-space: nowrap;
position: relative; /* 确保伪元素定位相对于父元素 */
background: none;
}
.showmenu::after {
content: "▼"; /* 替换背景图片为字符 */
position: absolute; /* 绝对定位伪元素 */
right: 0; /* 定位到右边 */
top: 50%; /* 垂直居中 */
transform: translateY(-50%); /* 将箭头放在弹窗下边缘外 */
font-size: 7px; /* 根据需求调整大小 */
color: inherit; /* 确保字符颜色与文字颜色一致 */
}
/* 主页小图标 */
.nvhm {
width: 16px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMyIiBkPSJNODAgMjEydjIzNmExNiAxNiAwIDAgMCAxNiAxNmg5NlYzMjhhMjQgMjQgMCAwIDEgMjQtMjRoODBhMjQgMjQgMCAwIDEgMjQgMjR2MTM2aDk2YTE2IDE2IDAgMCAwIDE2LTE2VjIxMiIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMyIiBkPSJNNDgwIDI1NkwyNjYuODkgNTJjLTUtNS4yOC0xNi42OS01LjM0LTIxLjc4IDBMMzIgMjU2bTM2OC03N1Y2NGgtNDh2NjkiLz48L3N2Zz4=) no-repeat center center;
background-size: contain;
line-height: 200px;
overflow: hidden;
}
.fl_icn_g a {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 1px 0 0 5px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDAgNTAwIj4KICA8cGF0aCBkPSJNIDEzOCA0Mi4wMDEgQyAxMjkuMTY0IDQyLjAwMSAxMjIgNDkuMTY0IDEyMiA1OC4wMDEgTCAxMjIgMTIyLjAwMSBMIDk4IDEyMi4wMDEgQyA1OC4yNTQgMTIyLjA0NSAyNi4wNDUgMTU0LjI1NCAyNiAxOTQuMDAxIEwgMjYgMzg2LjAwMSBDIDI2LjA0NSA0MjUuNzQ3IDU4LjI1NCA0NTcuOTU5IDk4IDQ1Ny45OTkgTCA0MDIgNDU3Ljk5OSBDIDQ0MS43NDcgNDU3Ljk1OSA0NzMuOTU2IDQyNS43NDcgNDc0IDM4Ni4wMDEgTCA0NzQgMTk0LjAwMSBDIDQ3My45NTYgMTU0LjI1NCA0NDEuNzQ3IDEyMi4wNDUgNDAyIDEyMi4wMDEgTCAyMzkuNzQgMTIyLjAwMSBMIDE0OC4yNSA0NS43MTEgQyAxNDUuMzcxIDQzLjMxNiAxNDEuNzQ1IDQyLjAwNCAxMzggNDIuMDAxIFoiIHN0eWxlPSJ0cmFuc2Zvcm0tb3JpZ2luOiAyNTBweCAyNTBweDsiIHRyYW5zZm9ybT0ibWF0cml4KC0xLCAwLCAwLCAtMSwgLTAuMDAwMDE3LCAtMC4wMDAwMTcpIi8+Cjwvc3ZnPg==');
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(90%) sepia(0%) saturate(100%) hue-rotate(306deg);
}
/*---------- 自定义图标样式 -------- */
img[src="https://i.imgur.com/mwvyHE6.png"],
img[src="https://i.imgur.com/RyMc2aI.png"],
img[src="https://i.imgur.com/tBQN9h9.png"] {
    height: 48px !important;
    border-radius: 5px;
}



/*---- ---- ---- ---- ---- --- ---- ---- ---1.主页---- ---- --- ---- ---- --- ---- ---- ---- -------*/
/* 登录 */
#ls_fastloginfield_ctrl {
  background-color: var(--primary-color) !important;
  color: #fff !important;
  vertical-align: middle !important;
  display: flex !important;
  align-items: center;
  border: 1px solid var(--primary-color) !important;
  justify-content: center;
}
.pns .px {
border: 1px solid var(--primary-color) !important;
background-color: #fff !important;
margin-right: 10px;
width: 100px;
}
.fastlg_l {
padding-right: 4px !important;
border-right: 0px solid #E5EDF2;
}
.sltm {
padding: 5px 11px 5px 10px;
border: 1px solid #DDD;
background-color: #FFF;
text-align: left;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
.fastlg_l,
.psw_w {
color: var(--primary-font-color)!important;
}
.tbmu a {
color: var(--primary-font-color);
}
#threadlist > div.th > table > tbody:nth-child(1) > tr > th > a.a,
#threadlist > div.th > table > tbody:nth-child(1) > tr > th > a:nth-child(3){
color: #fff;
}
#thread_types > li:nth-child(13) > a > font,
#thread_types > li:nth-child(2) > a > b > font{
color: #f99d9b;
}
#thread_types > li:nth-child(13) > a > font:hover,
#thread_types > li:nth-child(2) > a > b > font:hover{
color: #f26c4f;
}
/* 头像 */
.avt img {
  width: 48px;
  height: 48px;
  border: 3px solid var(--primary-color);
  padding: 0;
  border-radius: 12px;
  margin: 0px 0px 0px 10px;
}

#uhd > div > div > a > img {
  margin: 0px 16px 0px 0px;
}
div > div.card_mn > div.avt > a > img {
  margin-left: 0px !important;
}
/* 文字 */
#um,
#um a {
color: var(--primary-font-color);
border: none;
}
#um, #um a:hover {
 background: none !important;
 border: none;
}
#pm_ntc.new {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2Ij4KICA8cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz4KICA8cGF0aCBkPSJNIDQgMjAgTCAyMCAyMCBMIDIwIDggTCA1LjE3IDggTCA0IDYuODMgTCA0IDIwIE0gNCAyMiBDIDIuOSAyMiAyLjAxIDIxLjEgMi4wMSAyMCBMIDIgMiBMIDYgNiBMIDIwIDYgQyAyMS4xIDYgMjIgNi45IDIyIDggTCAyMiAyMCBDIDIyIDIxLjEgMjEuMSAyMiAyMCAyMiBMIDQgMjIgWiBNIDYgMTIgTCAxOCAxMiBMIDE4IDEwIEwgNiAxMCBMIDYgMTIgWiBNIDYgMTUgTCAxOCAxNSBMIDE4IDEzIEwgNiAxMyBMIDYgMTUgWiBNIDYgMTggTCAxOCAxOCBMIDE4IDE2IEwgNiAxNiBMIDYgMTggWiIgc3R5bGU9InRyYW5zZm9ybS1vcmlnaW46IDEycHggMTJweDsgZmlsbDogcmdiKDI1NSwgMTk5LCAwKTsiIHRyYW5zZm9ybT0ibWF0cml4KC0xLCAwLCAwLCAtMSwgMC4wMDAwMDEsIDApIi8+Cjwvc3ZnPg==');
}
#qmenu, .fl .bm_h h2 a, .fl .bm_h h2 span, #um .new, .topnav .new, .sch .new, .el .ec .hot em, .pll .s a.joins, #diy_backup_tip .xi2 {
color: var(--primary-font-color);
}
.xi1, .onerror {
    color: red;
}
.ignore_notice {
background: none;
}
/* --- ---- pop---- ---- ---  */
#extcreditmenu_menu {
  width: 80px !important;
  color: var(--primary-font-color);
  margin-left: -9px !important;
  padding: 0px 10px 0px 10px;
}
#g_upmine_menu {
  width: 150px !important;
  margin-left: -9px !important;
  padding: 10px;
}
#myprompt_menu {
  width: auto;
  margin-left: -18px !important;
}
.p_pop a:hover, .p_pop a.a, #sctype_menu .sca {
background-color: transparent;
color: var(--primary-color);
}
#myitem_menu {
  margin-left: -20px !important;
}
.bbda {
border-bottom: none;
margin-top: 6px;
}
/* 积分 */
#extcreditmenu_menu li {
float: none;
display: block;
padding-left: 10px !important;
line-height: 2;
}
#extcreditmenu, #g_upmine {
margin-right: 1px !important;
padding-top: 3px;
padding-bottom: 3px;
/* padding-left: 10px; */
}
#extcreditmenu.a, #g_upmine.a {
position: relative;
z-index: 302;
border: none !important;
border-bottom: none !important;
background-color: transparent !important; /* 使用 transparent 替代 none */
}
/* 下拉框*/
.p_pop, .p_pof, .sllt {
background: rgba(240, 240, 243, 0.7) !important;
backdrop-filter: blur(30px) saturate(180%) !important;
border: 1px solid rgba(255, 255, 255, 0.7) !important;
box-shadow: 0 1px 50px rgba(0, 0, 0, 0.20), inset 0px 0px 50px rgba(255, 255, 255, 0.9) !important;
border-radius: 10px;
}
.p_pop a {
  border: none !important;
  text-align: center !important;
  white-space: nowrap;
  color: var(--primary-font-color);
}
/* --- ---- ---- ---- --- */
/* 分隔符 */
.pipe {
color: transparent !important;
}
/* 论坛*/
#nv {
overflow: hidden;
margin-top: 16px;
position: static !important;
height: 33px;
background: var(--primary-color) !important;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}
#nv li.a {
color: #fff !important;
margin-left: -1px !important;
background: none !important;
}
#nv li a:hover {
background: none !important; /* 移除原背景图片 */
background-color: var(--primary-color) !important; /* 替换为你需要的背景颜色 */
color: #fff !important;
}
/* 搜索栏*/
#scbar {
overflow: visible;
background: none;
border: none !important;
margin-top: 20px;
display: flex;
margin-left: 121px;
justify-content: center;
align-items: center;
height: 42px;
line-height: 42px;
}
#scbar_type {
  width: 50px;
  height: 34px;
  padding-left: 0px;
  color: #fff !important;
  background: var(--primary-color);
  margin: 10px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
  font-size: 13px;
  text-align: center;
  line-height: 34px;
}
/* 透明背景*/
.scbar_txt_td,
.scbar_type_td {
background: none !important;
}
/* 删除多余的元素*/
#scbar_btn, /* 搜索按钮*/
.scbar_icon_td,
.__web-inspector-hide-shortcut__{
display: none !important;
}
/* 输入框*/
#scbar_txt {
  width: 400px;
  height: 30px;
  color: var(--primary-color) !important;
  background: #fff !important;
  font-weight: 500;
  padding-left: 10px;
  outline: 1px solid var(--primary-color);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
input::placeholder {
color: var(--primary-color);
opacity: 0.5;
}
/* 搜索按钮*/
.scbar_btn_td {
background: none !important;
}
#scbar_type_menu {
  margin-left: -7px;
  margin-top: 0px !important
}
#pt {
margin: 2px 0;
height: 29px;
border: none;
background: transparent;
line-height: 29px;
}
/* ————————今日———————————*/
.chart {
padding-left: 0px;
background: none !important;
color: var(--primary-font-color);
}
.chart em {
color: #0196ff;
}
#ancl > li,
.cl > .z.xw1:first-child {
display: none !important;
}
/*整体宽松*/
.temp {
margin: 1px;
padding: 5px;
}
/* ————————热门主题————————*/
#ct .frame {
  margin: 0;
  margin-bottom: 10px;
  background: none;
}
#framer9AF16_center .frame-tab .tb .a a {
  position: relative;
  margin-left: 16px;
  background-color: #fff !important;
  cursor: pointer;
  color: var(--primary-color) !important;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
  transition: .1s;
  border-radius: 8px!important;
  height: 27px;
}
#framer9AF16_center .frame-tab .tb .a a::before,#framer9AF16_center .frame-tab .tb .a a::after{
position: absolute;
bottom: 0;
content: '';
width: 20px;
height: 14px;
border-radius: 100%;
box-shadow: 0 0 0 40px #fff;
transition: .1s;
}
#framer9AF16_center .frame-tab .tb .a a::before{
left: -20px;
clip-path: inset(50% -10px 0 50%);
}
#framer9AF16_center .frame-tab .tb .a a::after{
right: -20px;
clip-path: inset(50% 50% 0 -10px);
}

.frame-tab .tb li, .frame-tab .tb li a {
  color: #fff;
}
/* 标签*/
.tb a {
display: block;
padding: 0 20px;
border: none !important;
  background-color: transparent;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  font-size: 13px;
}

#diy_chart .tb .a a {
border-top: 0px solid #ba350f !important;
}
.index-top-frame .frame-title, .index-top-frame .frametitle, .index-top-frame .tab-title {
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1) !important;
background: #fff;
}
.index-top-frame .tab-title {
border-bottom: 0px solid var(--Second-color);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) !important;
}
.index-top-frame .frame-tab {
  margin-bottom: 0;
  border: none !important;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.2) !important;
}
/*调整内边距*/
.index-top-frame .frame-tab .tb-c {
  padding: 0 20px 2px;
}
#diy_chart .tb {
padding-left: 0;
padding-top: 5px;
}
.__web-inspector-hide-shortcut__ {
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.2) !important;
}
#ft {
padding: 30px 0 0;
border-top: none;
color: var(--primary-font-color);
}
#frt strong a,
#flk a {
color: var(--primary-font-color);
}
tr > th > span {
color: #333 !important;
}
.card_gender_1 {
  background: none;
}
#delform > table > tbody > tr.th {
  border-radius: 0 !important;
  background: transparent;
}
/*---- ---- ---- ---- ---- --- ---- ---- ---2.分区---- ---- --- ---- ---- --- ---- ---- ---- -------*/
/*子版块*/
#livethread {
  background: #fff;
  border-top: 0px solid #BDD7E3;
}
.fl .bm_h {
border: none !important;
background: none !important;
background-color: var(--primary-color) !important;
padding: 5px !important;
border-bottom-left-radius: 0 !important;  /* 默认移除底部圆角 */
border-bottom-right-radius: 0 !important; /* 默认移除底部圆角 */
}
#ct > div > div.bm.bmw.fl > div.bm_h.cl > h2 {
margin-left: 10px;
color: #fff !important;
font-size: 13px !important;
}
.fl {
border: 0px solid #CDCDCD !important;
border-top: none !important;
background: none !important;
}
.fl .bm {
margin-bottom: 20px;
border: none;
overflow: hidden;
}
.bm_h .i {
  padding-left: 10px;
  color: #333 !important;
}
#thread_types > li:nth-child(14) > a > font,
#thread_types > li:nth-child(3) > a > b > font {
color: #f99d9b !important;
}

#um .new, .topnav .new, .sch .new, #toptb .new {
	padding-left: 0  !important;
}
#um .showmenu {
	margin-right: 0;
	margin-right: 0
}
/* 原创 BT 电影*/
.fl .bm_h h2 span {
color: #fff !important;
padding: 10px;
font-size: 14px!important;
}
/* 屏蔽分区版主*/
.bmw .bm_h .y {
display: none;
}
/* 虚线*/
.fl_row td {
border-top: 1px dashed #f2f2f2;
}
/* 间距*/
.fl_tb td {
padding: 20px 0;
}
/*  列表高度 */
.tl th, .tl td {
padding: 10px 5px 10px 5px;
border-bottom: 0px solid #C2D5E3!important;
}
.tl .by {
width: 95px;
line-height: 1.2;
text-align: center;
}
.tl .num {
width: 59px;
line-height: 14px;
text-align: center;
}
.tl .icn {
width: 25px;
padding: 10px 0px !important;
}
.xst {
font-size: 14px;
text-align: center !important;
}
.tf a.xi2, .showmenu.xi2, .tl .th td, .tl .th th {
color: #fff !important;
font-size: 13px !important;
}

.cttp .unfold, .cttp .fold {
  color: var(--primary-color);
}
.ntc_l.hm.xi2 {
	border-radius: var(--icon-radius) !important;
	background: #ffe9bf !important;
	border: 1px solid var(--Second-color);
}
#ct > div > div.bm.bml.pbn > div.bm_h.cl > h1 > a {
  color: #333;
}
/*---- ---- ---- ---- ---- --- ---- ---- ---3.内页---- ---- --- ---- ---- --- ---- ---- ---- -------*/
/* 两边不遮住主体阴影 */
.mn {
overflow: visible;
}
/* 主体阴影 */
.bmw {
border: 0px solid #CDCDCD;
background-color: var(--postlist-color) !important;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1) !important;
}
/* 综合讨论区 */
.bm.bml.pbn {
  padding: 10px !important;
  background: var(--postlist-color) !important;
   box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15) !important;
}
.bm.bml.pbn * {
font-size: 13px !important;
}
#ct > div > div.bm.bml.pbn > div.bm_c.cl.pbn > div,
#ct > div > div.bm.bml.pbn > div.bm_h.cl > h1{
text-align: left !important;
}
.ico_increase {
background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE4IgogICBoZWlnaHQ9IjE4IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHNvZGlwb2RpOmRvY25hbWU9IkJ4c1Vwdm90ZS5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuNCAoZTdjM2ZlYjEsIDIwMjQtMTAtMDkpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMxIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3MSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiMwMDAwMDAiCiAgICAgYm9yZGVyb3BhY2l0eT0iMC4yNSIKICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICAgIGlua3NjYXBlOnpvb209IjU2LjA1NTU1NiIKICAgICBpbmtzY2FwZTpjeD0iOSIKICAgICBpbmtzY2FwZTpjeT0iOSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjEyMDAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTE4OCIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMjg2OSIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iODgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcxIiAvPgogIDxwYXRoCiAgICAgZmlsbD0iI2UxMWQ0OCIKICAgICBkPSJNNCAxNGg0djdhMSAxIDAgMCAwIDEgMWg2YTEgMSAwIDAgMCAxLTF2LTdoNGExLjAwMSAxLjAwMSAwIDAgMCAuNzgxLTEuNjI1bC04LTEwYy0uMzgxLS40NzUtMS4xODEtLjQ3NS0xLjU2MiAwbC04IDEwQTEuMDAxIDEuMDAxIDAgMCAwIDQgMTQiCiAgICAgaWQ9InBhdGgxIgogICAgIHN0eWxlPSJmaWxsOiNmZTAwMzg7ZmlsbC1vcGFjaXR5OjEiIC8+Cjwvc3ZnPgo=) no-repeat center center;
background-size: 14px;
background-position: 0px 0px !important;
}
.ico_fall {
background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE4IgogICBoZWlnaHQ9IjE4IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHNvZGlwb2RpOmRvY25hbWU9IkJ4c0Rvd252b3RlLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS40IChlN2MzZmViMSwgMjAyNC0xMC0wOSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcxIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgaW5rc2NhcGU6em9vbT0iNTYuMDU1NTU2IgogICAgIGlua3NjYXBlOmN4PSI5IgogICAgIGlua3NjYXBlOmN5PSI5IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTIwMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMTg4IgogICAgIGlua3NjYXBlOndpbmRvdy14PSIzMDkzIgogICAgIGlua3NjYXBlOndpbmRvdy15PSI4MiIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzEiIC8+CiAgPHBhdGgKICAgICBmaWxsPSIjZTExZDQ4IgogICAgIGQ9Ik0yMC45MDEgMTAuNTY2QTEgMSAwIDAgMCAyMCAxMGgtNFYzYTEgMSAwIDAgMC0xLTFIOWExIDEgMCAwIDAtMSAxdjdINGExLjAwMSAxLjAwMSAwIDAgMC0uNzgxIDEuNjI1bDggMTBhMSAxIDAgMCAwIDEuNTYyIDBsOC0xMGMuMjQtLjMwMS4yODYtLjcxMi4xMi0xLjA1OSIKICAgICBpZD0icGF0aDEiCiAgICAgc3R5bGU9ImZpbGw6I2ZlMDAzOTtmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg==) no-repeat center center;
background-size: 14px;
background-position: 0px 0px !important;
}

#pt .z em {
display: inline-block;
height: auto;
text-align: center;
line-height: 30px;
color: var(--primary-font-color);
font-size: 12px;
background: none;
vertical-align: middle;
overflow: hidden;
}
/*---- -- --- ---- ---- --- ---- ---- ---- -------*/
/* 发帖按钮 */
#newspecialtmp {
position: relative; /* 设置相对定位 */
display: inline-block;
width: 80px;
height: 40px;
margin-left: 5px !important;
background: none !important; /* 移除背景图 */
background-color: #f26c4f; /* 设置背景色 */
font-size: 14px; /* 字体大小 */
text-align: center; /* 文字水平居中 */
color: white; /* 字体颜色 */
line-height: 40px; /* 文字垂直居中 */
color: transparent; /* 确保文字暂时不可见 */
overflow: hidden; /* 隐藏超出部分 */
}
#newspecialtmp::before {
content: '发帖'; /* 添加文字内容 */
position: absolute;
top: 0;
left: 0;
width: 100%; /* 覆盖整个按钮 */
height: 100%;
background-color: var(--primary-color); /* 设置背景为红色 */
color: white; /* 设置文字颜色为白色 */
font-size: 16px; /* 设置文字大小 */
line-height: 40px; /* 文字垂直居中 */
font-weight: bold;
text-align: center;
letter-spacing: 3px;
z-index: 1; /* 确保文字覆盖图片 */
}

/* 回复按钮 */
#post_replytmp {
display: inline-block; /* 保持原有 inline-block 或 block 行为 */
width: 80px; /* 设置宽度 */
height: 40px; /* 设置高度 */
background: none; /* 移除背景图 */
font-size: 14px; /* 字体大小 */
color: white; /* 字体颜色 */
text-align: center; /* 水平居中 */
background-color: var(--primary-color); /* 设置背景色 */
position: relative; /* 为伪元素定位提供上下文 */
overflow: hidden; /* 避免多余内容溢出 */
}
#post_replytmp::before {
content: "回复"; /* 添加文字 */
position: absolute; /* 伪元素定位 */
top: 50%; /* 垂直居中 */
left: 50%; /* 水平居中 */
transform: translate(-50%, -50%); /* 修正偏移 */
font-size: 16px; /* 文字大小 */
color: white; /* 文字颜色 */
letter-spacing: 3px;
font-weight: bold; /* 文字加粗 */
pointer-events: none; /* 确保伪元素不影响交互 */
}
#post_replytmp:hover,
#newspecialtmp:hover {
text-shadow: 0 0px 5px rgba(255, 255, 255, 0.4);
}


/*---- -- --- ---- ---- --- ---- ---- ---- -------*/
/* 页数 */
.pg a, .pg strong, .pgb a, .pg label {
float: left;
display: inline;
margin-left: 4px;
padding: 0 8px;
height: 26px;
border: 1px solid var(--primary-color) !important;
background-color: #FFF;
background-repeat: no-repeat;
color: #333;
overflow: hidden;
border-radius: 8px;
}
.pg strong {
background-color: var(--primary-color);
color: #fff !important;
}
.pg a.nxt {
background: none !important;
background-color: var(--primary-color) !important;
align-items: center !important;
display: flex !important;
justify-content: center !important;
padding-right: 10px !important;
color: #fff !important;
}
.pgb a {
padding-left: 10px;
background: none !important;
background-color: var(--primary-color) !important;
color: #fff !important;
}
.pg label .px {
padding: 0;
width: 30px;
height: 16px;
border: 1px solid var(--Second-color) !important;
line-height: 16px;
border-radius: var(--icon-radius) !important;
text-align: center;
}

/*---- -- --- ---- ---- --- ---- ---- ---- -------*/

.ttp .a a {
padding-right: 12px;
padding-left: 12px;
color: #fff !important;
border: 1px solid var(--primary-color) !important;
background-color: var(--primary-color) !important;
}
.ttp .a .num {
	background: var(--sider-color);
}
.ttp a, .ttp strong {
float: left;
margin-right: 10px;
color: var(--primary-color);
padding: 4px 8px 3px;
height: 18px;
border: 1px solid var(--Second-color);
background: #fff;
}
.ttp .num {
	background: none;
	padding: 0 5px;
	margin-left: 5px;
	border-radius: var(--icon-radius) !important;
	color: var(--primary-color) !important;
}
.tl .th {
margin-top: 1px;
padding: 0 10px;
border-bottom-left-radius: 0 !important;
border-bottom: 0px solid #b3ab9c;
background: var(--primary-color);
border-bottom-right-radius: 0 !important;
}
.ttp a:hover {
border-color: var(--Second-color);
color: var(--primary-font-color);
}
#thread_types > li:nth-child(3) > a:nth-child(1) > b:nth-child(1) > font:nth-child(1),
#thread_types > li:nth-child(7) > a:nth-child(1) > font:nth-child(1) {
color: var(--primary-color) !important;
}
.tf a.xi2,
.showmenu.xi2,
.tl .th td, .tl .th th {
color: #fff !important;
}

/* ------主体------- */
#pgt .pg, #pgt .pgb {
margin-top: 0px;
}
.tl #forumnewshow a {
display: block;
border-top: 0px solid #F4E4B4;
border-bottom: 0px solid #F4E4B4;
text-indent: 25px;
height: 35px;
line-height: 35px;
background-color: #ffe5b8;
color: #f26c4f;
justify-content: center;
margin-top: -10px;
}
.tl #forumnewshow {
background: #fff;
font-size: 12px;
text-align: center;
}
#forumnewshow > tr > td {
background: none !important;
}
.closeprev {
display: none !important;
}
.tl th a:visited {
color: #888;
}
.card_gender_0 {
  background: none;
}
.bui .m img {
margin-bottom: 0px !important;
width: 120px;
outline: 4px solid var(--primary-color);
}
.card .o {
  padding: 0px;
  margin: 5px 16px 0px 12px;
}
.card .o a {
  float: left;
  padding: 5px 2px;
  color: #fff;
  border: none;
  background: none;
  background-color: var(--primary-color) !important;
  text-align: center;
}
.card_mn, .card_info {
  padding: 14px 20px 10px 80px;
}
.bui .i {
  display: flex !important;
  font-size: 13px !important;
  flex-direction: column;
  align-items: flex-start;
}
.bui dl {
  margin-left: -16px !important;
}
.pls dd {
  width: 70px;
  margin-left: -30px !important;
}
/* 名字 */
.pls .pi {
padding: 8px;
text-align: center;
color: var(--primary-font-color) !important;
font-size: 14px !important;
margin: 5px 0;
}

.avatar {
width: 100px; /* 父容器宽度 */
}

.pbg2,
.pls .o .pm2 {
display: none !important;
}

.ad .pls {
background: #369;
height: 1px;
}
.pi {
overflow: hidden;
margin-bottom: 10px;
padding: 10px 0;
height: 16px;
border-bottom: none;
margin-top: 5px;
}
.ad td.pls {
background-color: var(--Second-color) !important;
border-radius: 0 !important;
}
.pls .tns {
padding: 10px 20px;
color: var(--primary-font-color);
}
.pm_c {
  padding-left: 40px;
  line-height: 22px;
}
.pl .blockcode {
  border: 1px solid #ffe6b4 !important;
  background: none !important;
  background-color: #fff4de !important;
  color: #97694d;
}
.pl .blockcode ol li:hover {
  background: #fff4de !important;
  color: var(--primary-color)!important;
  border-radius: 4px!important;
  width: 698px;
}
.pl .blockcode em {
  margin-left: 43px;
  color: var(--primary-font-color) !important;
  font-size: 12px;
}
/* 图片 */
.zoom {
display: block;
margin: 30px auto !important;
outline: 6px solid rgba(0, 0, 0, 0.1);
border-radius: 14px;
}
[id^="attach_"] {
white-space: normal !important;
}
.tip {
color: #333;
padding: 10px;
text-align: left;
background: rgba(255, 255, 255, 0.7);
border-radius: 8px;
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.20), inset 0px 0px 30px rgba(255, 255, 255, 0.9);
backdrop-filter: blur(30px) saturate(180%) !important;
border: 1px solid rgba(255, 255, 255, 0.7) !important;

}
.zoominner p a {
  border-radius: 0 !important;
}
/* 为箭头创建一个模糊效果,并居中 */
.tip::after {
  content: ''; /* 插入箭头 */
  position: absolute;
  bottom: -12px; /* 将箭头放在弹窗下边缘外 */
  left: 50%; /* 将箭头放在弹窗的水平中间 */
  transform: translateX(-50%); /* 将箭头完全居中 */
  border-width: 6px; /* 箭头大小 */
  border-style: solid;
  border-color: #ffff transparent transparent transparent; /* 下箭头颜色与背景一致 */
}
#imgzoom_zoom {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15) !important;
}
/* 按钮 */
.flbc {
  float: left;
  width: 18px;
  height: 18px;
  overflow: hidden;
  text-indent: -9999px;
  background: #000;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  position: relative;
  transition: background 0.15s ease;
}
.flbc:hover {
  background: red;
}
.flbc::before,
.flbc::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px; /* 将"X"的线条长度调整为10px */
  height: 2px; /* "X"的线条粗细 */
  background: white; /* 白色线条 */
  transform: translate(-50%, -50%) rotate(45deg); /* 旋转45度 */
  transition: background 0.15s ease; /* 添加过渡效果 */
}

.flbc::after {
  transform: translate(-50%, -50%) rotate(-45deg); /* 旋转-45度 */
}

.vm {
  vertical-align: middle;
  width: auto;
  height: auto;
}
.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r {
overflow: hidden;
background: none;
opacity: 0.2;
filter: alpha(opacity=20);
}
/* 按钮 */
.pn, .tb .o, .tb .o a {
background-image: none;
}
.pn {
  vertical-align: middle;
  overflow: hidden;
  margin-right: 3px;
  color: #fff !important;
  border-radius: var(--icon-radius) !important;
  padding: 0;
  height: 25px;
  border: none;
  background-color: #000 !important;
      -webkit-box-shadow: none  !important;
}
.pn.pnc:hover {
  background-color: red !important;
  transition: background 0.15s ease;
}
.pns .pn {
  height: 25px !important;
  width: auto !important;
}
.pi strong a:hover {
  border-color:transparent;
  color: var(--primary-font-color);
}
/* 回帖 */
.authi > .pipe,
.authicn.vm {
display: none;
}
/* 发表于 */
.pi em {
color: var(--primary-font-color) !important;
}
/* 来自手机 */
.xg1, .xg1 a {
color: var(--primary-font-color) !important;
}
.pbw p {
  color: var(--primary-font-color) !important;
  margin-bottom: 10px;
}
/* 只看该作者 */
.authi a {
color: var(--primary-font-color) !important;
}
em > a {
color: var(--primary-font-color) !important;
}
/* 楼主签名 */
.ratl th, .ratl td, .ratc {
padding: 10px 15px;
border-bottom: none;
border-radius: 0px !important;
}
.ratl .xw1 .xi1 {
background: transparent;
}
.m_c .o {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 10px;
padding: 10px 20px;
height: 26px;
border: none !important;
background: none;
}
.f_c .list {
	border-top: 1px solid rgba(0, 0, 0, 0.10);
	border-radius: 0 !important;
}
.t_l, .t_r, .b_l, .b_r {
display: none !important;
}
/* 购买附件 */
.flb em {
float: left;
font-size: 14px;
font-weight: 700;
color: #333;
}
#pid26441264 > tbody > tr:nth-child(1) > td.plc > div.pct > div > div.t_fsz > div > ignore_js_op:nth-child(4) > dl > dd {
margin-left: 80px;
color: var(--primary-font-color);
}
.tattl dd {
  margin-left: 0px;
  color: #333;
  overflow: hidden;
  padding: 0 4px;
}
.tattl dt {
  padding: 0!important;
  margin-right: 5px;
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.tattl dt img {
  width: 48px;
}
.tattl strong, .tattl a {
  color: #f44646;
}
/* 作者 */
.f_c a {
color: #333;
}
.dd > p {
width: 100px !important;
color: #fff !important;
}
.xg2 {
color: #333;
}
.viewpay {
  padding: 0;
  background: none;
}
.locked a, .attach_nopermission a {
  color: #444;
}
/* ---购买记录--- */
#fwin_pay {
position: fixed;
z-index: 201;
left: 315px;
top: 578px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2) !important;
background-color: rgb(255, 255, 255) !important;
}
.m_c {
background: none;
}
.f_c .list th, .f_c .list td {
	padding: 11px 2px;
	height: auto;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.10);
	width: 100px;
	border-radius: 0 !important;
}
/* 查看评分 */
#fwin_viewratings {
	backdrop-filter: blur(30px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
	box-shadow: 0 1px 50px rgba(0, 0, 0, 0.20), inset 0px 0px 90px 30px rgba(255, 255, 255, 0.7) !important;
	background: rgba(240, 242, 246, 0.85) !important;
}
.po .y {
	margin: 15px 0 0 5px;
}
/* 回复 */
#fwin_reply {
  border-radius: 12px;
}
#fwin_content_reply {
background-color: transparent !important;
width: 500px;
}
#moreconf {
/* background: #fff; */
background-color: transparent !important;
}
.tedt .bar {
padding: 0 10px 0 0;
height: 25px;
line-height: 25px;
border-bottom: 1px solid var(--Second-color);
background: var(--tedt-bar-color);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.tedt .area {
padding: 4px;
zoom: 1;
background-color: transparent;
}
.tedt {
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid var(--Second-color) !important;
}
.t_f a {
color: #f26c4f;
}
.quote blockquote, .pl .quote blockquote, .pl .quote {
  background: none !important;
}
.tedt .pt:focus,
#pmform > div > div.area {
  background: #FFF;
  border-radius: 0 0 6px 6px !important;
}
.z.noise {
  padding-top: 15px;
}

.tedt .pt {
  background: transparent !important;
}

.po {
border: none !important;
}
.flb span a:hover {
color: #f26c4f!important;
}
.tns th {
border-right: 0px solid #CCC;
}
.pls p, .pls .o {
margin: 0px 10px 5px 10px;
text-align: center;
}
.pil.cl {
  text-align: center;
}
.pls dt {
  margin-left: 16px;
  color: var(--primary-font-color);
  margin-right: 0px;
  width: 55px;
  font-size: 12px;
}

.xi2, .xi2 a {
color: var(--primary-font-color);
}
#v_threads li, #v_forums li {
padding-left: 20px;
height: 20px;
background: url(/static/image/common/dot.gif) no-repeat 0 7px;
}
#visitedforums_menu a {
white-space: normal !important;
display: inline-block;
overflow: hidden;
height: 2.5em;
}
.pl .blockcode {
padding: 10px 0 5px 10px;
border: 1px solid #e5e5e5;
background: #f7f7f7 url(/static/image/common/codebg.gif) repeat-y 0 0;
overflow: hidden;
}
.icon_ring {
background: #FFF4DD;
display: inline-block;
width: 8px !important;
height: 8px !important;
margin-right: 5px;
border: 2px solid #F26C4F;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
overflow: hidden;
}
div.i.y > dl > dd > a {
  margin-left: 10px;
}
.ratl img {
  border-radius: 50%;
}
#postimg_param_3,
#postimg_param_2,
#postimg_param_1,
#posturl_param_2,
#posturl_param_1,
#postcode_param_1,
#postquote_param_1 {
  border: 1px solid var(--Second-color);
}
/* ————————————————————搜索————————————————————*/
/* 搜索过于频繁,请10秒后再试*/
.nfl .f_c {
    margin: 60px auto;
    padding: 20px;
    width: 580px;
    background: rgba(240, 242, 246, 0.6);
    align-items: center !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 1px 50px rgba(0, 0, 0, 0.10), inset 0px 0px 50px 10px rgba(255, 255, 255, 0.2)  !important;
}
.alert_right, .alert_error, .alert_info {
  padding: 0;
  min-height: 40px;
  height: 40px !important;
  line-height: 40px;
  font-size: 22px;
  font-weight: 500;
  color: #333;
  text-align: center;
  background: transparent;
}
.alert_error {
  color: red;
}
#messagelogin {
    border-top: none;
}

h3.xs3 a {
color: #4f4945 !important;
font-weight: 500;
}
.pbw p {
color: #333;
}
.slst p span a, .slst p span a:visited {
color: var(--primary-font-color) !important;
}
.slst p span {
color: var(--primary-font-color) !important;
}
#scform_tb a {
  margin: 0 15px 0 13px;
  color: var(--primary-color) !important;
}
#scform_tb > span > a:nth-child(2) {
  margin-left: 6px;
  margin-right: 32px;
}
#scform_tb > a:nth-child(3) {
  margin: 0 0 0 -5px;
}
#srchfid > option {
  background-color: transparent !important;
}
.pg a:hover, .pgb a:hover {
  color: var(--primary-color);
}

/* ———————————————————————————————————————设置—————————————————————————————————————————*/

/* ————————————左————————————————*/
#scform_srchtxt {
    padding: 0 10px;
    outline: 1px solid var(--primary-color);
    width: 430px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    color: var(--primary-color) !important;
    font-weight: 500;
    background: #fff;
}
.sttl {
margin: 10px 0;
padding: 10px;
border: none !important;
background: var(--primary-color);
color: #fff;
}
#scform_submit {
width: 70px;
opacity: 1;
filter: alpha(opacity=0);
border: 1px solid var(--primary-color) !important;
background: var(--primary-color);
color: #fff;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
font-size: 15px;
}
.td_srchtxt,
.td_srchbtn,
#scform_form {
background: none!important;
}
#scform {
	margin: 10px auto;
}
#scform_form {
background: none!important;
empty-cells: show;
border-collapse: separate;
padding-right: 20px;
border-spacing: 10px 0;
margin-left: -30px;
}
.xs0 {
  font-size: 12px;
  line-height: 1.8;
  padding: 5px;
}
.tb {
  margin-top: 10px;
  padding-left: 5px;
  line-height: 30px;
  border-bottom: 1px solid var(--sider-color);
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.tb a:hover {
  background: transparent  !important;
  color: red;

}

.tb .o, .tb .o a {
  height: 23px;
  line-height: 23px;
  background: none;
  color: #333;
  border: none !important;
}
.tb .o a {
  padding: 3px 15px;
}
.tbn {
  display: flex !important;
  margin: 0px 0px;
  text-align: center;
  flex-direction: column;
  align-items: center;
}
.tbn li {
  margin: 0;
  height: 33px;
  border: none;
}
.tbn ul a {
  display: block;
  width: 100px;
  color: #fff;
}
.tbn li.a {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
}
.tbn .mt {
  color: #fff;
  font-size: 16px;
  padding: 10px;
}
.xlda dd a {
  color: #f26c4f;
}
.pm_o .p_pop {
  text-align: left;
  margin-left: 31px;
  margin-top: 5px;
}
.notice_pm {
  background-image: none;
  margin-left: 14px !important;
}
.appl {
  float: left;
  overflow: hidden;
  padding: 0px 0px;
  margin-bottom: 0px;
  line-height: 2.5;
  width: 137px;
}
/* ————————————右————————————————*/
.ct2_a .mn {
  display: inline;
  margin-right: 0px;
  width: 803px;
  min-height: 350px;
  background-color: #fff !important;
  border-left: 0px solid var(--Second-color);
  padding: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dt {
  border-top: 0px solid #CDCDCD;
  width: 100%;
}
.dt th {
  background: var(--sider-color);
}
tr:nth-child(1) > th:nth-child(1) {
  border-radius: var(--icon-radius) 0 0 6px;
}
tr:nth-child(1) > th:nth-child(4) {
  border-radius: 0 6px 6px 0;
}
.dt td, .dt th {
  padding: 7px 4px;
  border-bottom: 0px dashed #e5e5e5;
  border-radius: 0;
}
.px, .pt, .ps, select {
border: 1px solid var(--primary-color);
background: #fff !important;
border-radius: var(--icon-radius);
}
.px, .pt {
	padding: 4px;
}
.ps, select {
padding: 2px 2px 2px 6px #fff !important;
}
#e_textarea {
  background-color: #ffffff !important;

}
.exfm {
  border: 1px solid var(--Second-color);
  background: var(--sider-color) !important;
}
.pml dl {
  padding-left: 65px;
  background-color: var(--sider-color) !important;
  margin-left: 16px !important;
  margin-right: 16px !important;
  border: 1px solid var(--Second-color) !important;
}
.tf a.xi2, .showmenu.xi2, .tl .th td, .tl .th th {
  color: #fff !important;
}
.tfm .d {
  clear: both;
  margin: 5px 0;
  color: var(--primary-font-color);
  text-align: left;
}
#selBox {
  border: solid #fff;
}
.pmform .px {
  width: 400px;
   text-align: left;
}
.pgs.pbm.cl.pm_op {
  margin-left: 18px !important;
}
.un_selector input {
  width: 390px;
  height: 21px;
  outline: none;
  border: 0px solid var(--Second-color) !important;
  background-color: #fff !important;
}
.pmform .tedt {
  width: 600px;
}
.tb .a a, .tb .current a {
  border-bottom-color: #FFF;
  background: none;
  background: transparent;
  color: var(--primary-color);
  font-weight: 700;
}
#showSelectBox {
color: var(--primary-font-color) !important;
}
.nts dl {
  border-bottom: 1px dashed #e5e5e5;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.nts {
  padding-left: 10px;
}
.xld dd {
  margin-bottom: 8px;
  margin-left: 60px;
}
dt > span {
  margin-left: 16px !important;
}
.pgs {
  padding: 5px 0 5px 0;
  margin-left: -6px;
}
.tbmu {
  padding: 0;
  border-bottom: 0px dashed #CDCDCD;
}
.bmw .bm_h {
  border-right: 0px solid #FFF;
  border-left: 0px solid #FFF;
  background: var(--primary-color);
  color: #fff;
  border-radius: 8px!important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;

}
#f_pst {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2) !important;
  overflow: hidden;
}
.bm_h {
  padding: 0 10px;
  height: 31px;
  border-top: 0px solid #FFF;
  background: var(--primary-color);
  line-height: 31px;
  border-radius: 0;
  white-space: nowrap;
  color: var(--primary-color);
  overflow: hidden;
}
#f_pst .px {
  padding: 4px;
  background-color: var(--sider-color) !important;
  border: 1px solid var(--Second-color) !important;
}
.ftid a {
  display: block;
  overflow: hidden;
  padding: 4px;
  height: 17px;
  border-radius: var(--icon-radius) !important;
  line-height: 17px;
  font-size: 12px;
  font-weight: 400;
  text-align: center !important;
  color: var(--primary-color) !important;
  background: none;
  border: 1px solid var(--Second-color) !important;
  background-color: #ffffff !important;
}
.pl.bm {
  border: 0px solid var(--Second-color);
  background: transparent;
}
.plhin {
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) !important;
}
table {
  background-color: transparent;
}
.pls {
  width: 160px;
  overflow: hidden;
  border-right: var(--sider-line);
  border-radius: 0;
  background: var(--sider-color)  !important;
}
.plc {
  padding: 0 20px;
  border-radius: 0;
  background: var(--postlist-color)  !important;
}
.quote blockquote,
.pl .quote blockquote,
.pl .quote {
  background:none !important;
  background-color: transparent !important;

}
.ptn {
  padding-top: 0px !important;
  vertical-align: middle !important;
  padding-bottom: 0px !important;
}
.pl table {
  table-layout: fixed;
  width: 100%;
  border: var(--sider-line);
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  border-radius: 10px;
  border-collapse: separate;
}
.dd > table,
.tns.xg2 > table,
.ratl,
.rate,
.t_fsz > table {
  border: none !important;
  box-shadow: none !important;
}
.rate {
background: rgba(240, 240, 243, 0.8);
border-radius: 14px;
}
.vwthd {
  padding: 10px !important;
  vertical-align: middle !important;
}
#p_btn a,
#p_btn i {
  background: none;
}
#p_btn i {
  background-color: #c570ba !important;
  color: #fff;
  padding: 4px 12px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.5s ease !important;
}
#p_btn i:hover {
  background-color: red !important;
}
#p_btn span {
  padding-left: 6px;
  color: #fff;
}
.bmn, .pg a, .pgb a, .pg strong, .card, .card .o, div.exfm {
  border-color: var(--Second-color);
}
.pm_o .o {
width: 17px;
height: 17px;
text-indent: 20px;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgPHBhdGggZD0iTSAxMiAyIEMgNi40OCAyIDIgNi40OCAyIDEyIEMgMiAxNy41MiA2LjQ4IDIyIDEyIDIyIEMgMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTIgQyAyMiA2LjQ4IDE3LjUyIDIgMTIgMiBaIE0gMTAgMTYuNSBMIDEwIDcuNSBMIDE2IDEyIEwgMTAgMTYuNSBaIiBzdHlsZT0idHJhbnNmb3JtLWJveDogZmlsbC1ib3g7IHRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7IGZpbGw6IHJnYigxNjgsIDg1LCA5NCk7IiB0cmFuc2Zvcm09Im1hdHJpeCgwLCAxLCAtMSwgMCwgMC4wMDAwMDEsIDApIi8+Cjwvc3ZnPg==') no-repeat;
background-position: 0px 1px !important;
}
.xlda dl {
	padding-left: 0;
}
.xld .m {
	margin: 8px 8px 10px 0;
}
.cl > dd > img {
	border: none;
}


/* ————————————个人资料————————————————*/
.ct1.wp.cl {
  background-color: #fff !important;
  border-radius: 0 0 8px 8px !important;
  border: 0px solid var(--primary-color);
  border-top: 0 !important;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1) !important;

}
#uhd .tb .a a {
  position: relative;
  margin-left: 16px;
  background-color: #fff !important;
  cursor: pointer;
  color: var(--primary-color) !important;
  transition: .2s;
  border-radius: 8px!important;
  height: 29px;
}
#uhd .tb .a a::before,#uhd .tb .a a::after {
position: absolute;
bottom: 0;
content: '';
width: 20px;
height: 14px;
border-radius: 100%;
box-shadow: 0 0 0 40px #fff;
transition: .2s;
}
#uhd .tb .a a::before {
left: -20px;
clip-path: inset(50% -10px 0 50%);
}
#uhd .tb .a a::after {
right: -20px;
clip-path: inset(50% 50% 0 -10px);
}
#uhd > ul > li:nth-child(1) > a::hover {
  color: var(--primary-color) !important;
}
#uhd {
  border: 0px solid var(--primary-color);
  border-bottom: none;
  background: var(--primary-color);
  border-radius: 8px 8px 0 0  !important;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1) !important;
}
.ct2_a, .ct3_a {
  background-image: none;
  border: 0px solid var(--Second-color);
  background: var(--primary-color);
  box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
}
.tb {
  margin-top: 10px;
  padding-left: 5px;
  line-height: 30px;
  border-bottom: 0px solid var(--sider-color);
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tb .a a, .tb a:hover {
  background: transparent !important;
  color: var(--primary-color) !important
  border: 0px solid var(--Second-color) !important;
  border-bottom: #fff !important;
}
#uhd > ul > li:nth-child(1) > a,
#uhd .mt {
  color: #fff;
}
#uhd > div > p > a {
  color: #fff!important;
}
#calendar_week td,
#calendar_header td {
  border-bottom: 0px solid #C2D5E3 !important;
}
#calendar {
  border: 0px solid #DDD!important;
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.15)!important;
}
.calendar_default, .calendar_default a:link, .calendar_default a:visited {
  color: #333!important;
}
td.calendar_checked, span.calendar_checked {
  background: #ffffff!important;
}
td.calendar_checked, span.calendar_checked {
  background: #f26c4f!important;
}
.calendar_checked, .calendar_checked a:link, .calendar_checked a:visited {
  color: #ffffff!important;
}
#calendar_week a {
  color: #333!important;
}
.pm_c .o {
  float: left;
  display: inline;
  margin: 5px 0 0 -25px;
  margin-top: 0;
}
.tfx .alt, .tfx .alt th, .tfx .alt td {
  background: var(--Second-color);
}
.tfx th, .tfx td {
  border-width: 0 3px !important;
  background: #fff;
}
.tdat th, .tdat td {
  padding: 4px 5px;
  border: 0px solid #CDCDCD;
  border-radius: 0 !important;
}
.tdat {
  border: 1px solid var(--Second-color);
}
.alt, .alt th, .alt td {
  background-color: var(--sider-color);
}
#normalthread_2514014 > tr > td:nth-child(3) > cite {
    color: #FF5733;
}
#uhd > ul > li:nth-child(1) > a {
     color: var(—background-color) !important;
}
#uhd > ul > li:nth-child(2) > a:hover {
     color: var(—primary-font-color) !important;
}
/* ————————————加为好友/发送消息————————————————*/
#uhd .mn .pm2 a,
#uhd .mn .addf a {
  background:none;
  color: #fff;
  margin-left: 16px;
}
#uhd .mn {
  margin-right: 33px;
  margin-top: 14px;
  line-height: 30px;
}
#uhd .mn .pm2 a, #uhd .mn .addf a {
  background: #000;
  color: #fff;
  padding: 5px 12px;
}
#uhd .tb a, #flw_header .bar {
  color: #fff;
}
.fwinmask {
	background: rgba(240, 242, 244, 0.85) !important;
	border: 1px solid rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 1px 50px rgba(0, 0, 0, 0.20), inset 0px 0px 60px 20px rgba(255, 255, 255, 0.5) !important;
	overflow: hidden;
  margin: 0 80px;
	backdrop-filter: blur(30px) saturate(180%) !important;
}
.pm .flb {
  background: var(--Second-color);
  padding: 10px 10px 8px;
}
.pm .c {
  padding: 0;
  background: transparent;
}
.pm .flb em {
  padding-left: 0px;
  background: none;
  text-shadow: none;
  color: #333;
  font-size: 13px;
}
.mtn {
  margin-top: 15px !important;
}
#pmform_532461 > div.mtn.pns.cl > div > a {
  margin-top: -10px;
  color: #333;
  display: block;
}
.pm .flbc {
  background-image: none;
}
.pm_tac {
  padding: 5px 10px;
  background: #cdcdcd6b;
}
.buddy .avt {
  position: absolute;
  margin-left: -70px;
}
p.mtm.cl.pns .z {
  color: #fff;
  line-height: 25px;
}
.avt.avtm img {
  height: 100px;
  width: 100px;
}
.tfm caption, .tfm th, .tfm td {
  vertical-align: top;
  padding: 7px 0;
  vertical-align: middle;
}
.bm.mtm>.bm_h {
  color: #fff;
  border: none;
}
.bm.mtm {
  border: 1px solid var(--primary-color);
  overflow: hidden;
}
.bm_h.cl a {
  color: #333;
}
.buddy_group li {
  overflow: hidden;
  padding: 5px 0;
  line-height: 20px;
  border-bottom: 1px dashed var(--Second-color);
  border-radius: 0;
}
/*---------- 瀑布流 -------- */
#frame8nZQJt {
  margin-bottom: 10px;
  border: 0px solid #CCC;
  background: #FFF;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.frame-title, .frametitle, .tab-title {
  background: none;
}
.frame-title, .frametitle, .tab-title {
  background: none;
  background-color: var(--primary-color) !important;
  border-radius: 8px 8px 0 0;
  color: #fff;
}
.diy-m1 li {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15) !important;
}

/*---------- 小黑屋 -------- */
#darkroomtable {
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 13px;
  line-height: 2.0;
  border-radius: 8px!important;
  overflow: hidden !important;
}
#darkroomtable > tbody > tr:nth-child(1) > th {
   border-radius: 0 !important;
   background-color: var(--primary-color) !important;
   color: #fff;
   font-size: 14px;
   text-align: center;
}
#darkroomtable > tbody > tr:nth-child(1) > th:nth-child(1){
   border-radius: var(--icon-radius) 0 0 0 !important;
   width: 130px !important;
}
#darkroomtable > tbody > tr:nth-child(1) > th:nth-child(5) {
   border-radius: 0 6px 0 0!important;
}
#darkroomtable .alt td {
   background-color: var(--td-color);

}
/*---------- 签到 -------- */
.ddpc_sign_table {
  background: #fff;
  margin-top: 10px;
  color: #333 !important;
  font-size: 13px !important;
  border: 0px solid var(--Second-color) !important;
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.15) !important;
  border-radius: 8px!important;
  overflow: hidden !important;
}
.ddpc_sign_btn_red {
  background: #000 !important;
  border-radius: 8px !important;
  color: #fff !important;
}
.ddpc_sign_table table th {
  color: #fff !important;
  border-radius: 0 !important;
  background: var(--primary-color) !important;
}
.ddpc_sign_table table tr:nth-child(1) th:nth-child(1) {
  border-radius: 8px 0 0 0 !important;
}
.ddpc_sign_table table tr:nth-child(1) th:nth-child(5) {
  border-radius: 0 8px 0 0 !important;
}

.ddpc_sign_table tr:nth-child(n+2) > td {
border-radius: 0 !important;
}
/*奇数行 */
.ddpc_sign_table tr:nth-child(2n+1) {
background-color: var(--td-color) !important;
border-radius: 0 !important;
}
.dd_sign {
  overflow: visible !important;
}
.ddpc_sign_warp {
  overflow: visible !important;
}

.ddpc_sign_list {
  border-bottom: 0px solid #dedede !important;
  line-height: 40px;
  height: 40px;
  font-weight: 700;
}
.ddpc_sign_list ul li.ddpc_on a {
  border-bottom: none !important;
  color: #BA350F;
}

.ddpc_sign_table a {
  color: #333!important;
  box-shadow: none !important;
}
.ddpc_sign_continuity,
.ddpc_sign_rule {
  border: 0px solid var(--Second-color)!important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) !important;
}
.ddpc_sign_btna {
  background: var(--primary-color) !important;
  font-size: 16px !important;
  background-color: #000 !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) !important;
}
.ddpc_sign_btn_grey {
  background: #000 !important;
  color: #fff !important;
  border-radius: 8px !important;
}
.ddpc_sign_info {
  background: #fff;
  border: 0px solid var(--Second-color) !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden;
  padding: 20px;
}
.ddpc_sign_continuity ul li .ddpc_borderright {
  border-right: 1px solid var(--Second-color) !important;
}
.focus {
  border: none !important;
  border-radius: 8px !important;
  background-color: #ffffffed !important;
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(50px) !important;
}
.bm {
  border: none;
}
.plugin .bm_h {
  border: none;
  background: none;
}
.wp {
  margin: 0 auto;
  width: 960px !important;
}
/* ——————————————————————————————————高级发帖页—————————————————————————————————————————————————*/
/* 针对可能的内联编辑器 */
[contenteditable="true"] {
  background-color: #fff !important;
  border-radius: 0 !important;
}
.ct2_a.ct2_a_r.wp.cl {
	box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(255, 255, 255, 0.5);
   margin: 10px 0 0;
}
#editorbox {
  padding: 15px 15px 0;
}
#postbox {
  padding: 0px;
}
#postbox input {
  height: 18px;
  margin-right: 4px;
}
#shareBtn, #organizeBtn {
  color: #fff;
  background-color: #C470BA;
  border: none;
  height: 25px;
  width: 50px;
  margin-left: 20px;
  border-radius: var(--icon-radius) !important;
}
#postbox {
  padding: 0 20px;
}
#editorbox > ul {
  margin-bottom: 5px !important;
}
#editorbox > ul > a {
  width: 150px;
}
#postbox > div.pbt.cl {
  margin-bottom: 5px;
}
#typeid_ctrl {
  border: 0px solid var(--Second-color) !important;
  background-color: var(--primary-color) !important;
  color: #fff !important;
  padding: 6px !important;
}
#subject {
  width: 35em;
}
.bbs {
  border-bottom: 0px solid #CDCDCD !important;
}
/* ———提示小按钮—————*/
.ntc_l .d {
  float: right;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 50%;
  background-color: #ff1f35a3 !important;
  color: #fff !important;
  position: relative;
  transition: background 0.15s ease;
  background: none;
}
/* 关闭按钮悬停时的效果 */
.ntc_l .d:hover {
  background: red !important;
}
/* 伪元素,用来画出"X" */
.ntc_l .d::before,
.ntc_l .d::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px; /* X线条长度 */
  height: 2px; /* X线条粗细 */
  background: white; /* X线条颜色 */
  transform: translate(-50%, -50%) rotate(45deg); /* 旋转45度 */
  transition: background 0.15s ease; /* 过渡效果 */
}
.ntc_l .d::after {
  transform: translate(-50%, -50%) rotate(-45deg); /* 旋转-45度 */
}

.sltm {
  padding: 5px;
  border: none;
  background-color: #FFF;
  text-align: center;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}
.sltm li.current,
.sltm li {
  color: var(--primary-font-color);
  text-align: center;
}
.sltm li:hover {
  color: #f26c4f;
  background-color: var(--sider-color);
  text-align: center;
  border-radius: var(--icon-radius);
}
#quota,
#imageCount,
#videoCount,
#resourceSize {
  width: 80px;
}
#e_fontsize:hover,
#e_fontname:hover {
  background-color: #fff !important;
  border: 1px solid var(--Second-color) !important;
  color: var(--primary-color);
  border-radius: var(--icon-radius);
}
/* 更改 输入框 提示词的样式 */
#videoCount::placeholder,
#imageCount::placeholder,
#quota::placeholder,
#resourceSize::placeholder {
color: transparent;    /* 设置为透明 */
}
.ct2_a .tb {
  margin-top: 0;
  padding: 0;
  border: none;
}
.ntc_l {
  background: #ffe9bf;
}
.edt .bar {
  border-bottom: 1px solid var(--Second-color) !important;
  background: var(--sider-color) !important;
  border-radius: 0 !important;
	height: 48px !important;
}
.simpleedt .bar {
	height: 25px  !important;
}

.edt .bar a {
  border: 1px solid transparent !important;
  border-radius: 4px;
  margin: 1px;
}

.edt .bar a:hover, .edt .bar a.hover {
  border-radius: 6px;
  background-color: var(--Second-color) !important;
  border: 1px solid #fff !important;
  margin: 1px;
}

.edt {
  border: 1px solid var(--Second-color) !important;
  overflow: hidden !important;
}
.edt .b2r a.dp {
  margin-right: 3px  !important;
  background: #fff !important;
  border-radius: var(--icon-radius);
  padding-left: 0px !important;
  text-align: center;
  height: 20px !important;
  border: 1px solid var(--Second-color) !important;
  padding-top: 2px;
}
.edt .b2r a {
  height: 22px !important;
}
.edt .btn,
.edt .b1r, .edt .b2r {
  border: none !important;
}
.bar_swch {
  display: block;
  clear: both;
  margin-left: 4px !important;
  padding-top: 5px !important;
}
.edt .bbar {
  border-top: 1px solid var(--Second-color) !important;
  color: var(--primary-font-color) !important;
  background: var(--sider-color) !important;
  border-radius: 0 !important;
}
.edt .bbar a {
  color: var(--primary-font-color) !important;
}
.ntc_l {
  padding: 5px 10px;
  background: #FEFEE9;
  border-radius: 0 !important;
}
.ntc_l.bbs {
  border-bottom: 1px solid var(--Second-color) !important;
  border-radius: 0 !important;
  background: #FFE5B8;
  color: var(--primary-color);
}
#attach_tblheader > tbody > tr > td.atna.pbn {
  padding-bottom: 0px !important;
}
#attach_tblheader {
  border-radius: var(--icon-radius) !important;
  height: 30px;
}
#post_extra_c .exfm {
  margin: 10px;
  border: 1px solid var(--Second-color);
}
#post_extra_tb label span {
  float: left;
  padding: 0 8px 0 8px;
  background: none;
  line-height: 25px;
  border: none !important;
  border-radius: var(--icon-radius) !important;
  color: #fff !important;
  background-color: var(--primary-color) !important;
}
#post_extra_tb label {
  border: none;
  margin-right: 6px;
  height: 25px !important;
}
.pnpost .pn {
  height: 28px;
  font-size: 13px;
  box-shadow:  0px 1px 6px rgba(0, 0, 0, 0.2);
}
.mbm {
  margin-bottom: 5px !important;
}
#e_simple, #e_fullswitcher {
  padding: 2px 8px !important;
  border: 1px solid var(--Second-color) !important;
  background: none !important;
  border-radius: var(--icon-radius) !important;
  background-color: #fff !important;
  height: 18px;
}
#fwin_dialog, #e_image_menu, #e_attach_menu {
	backdrop-filter: blur(30px) saturate(180%);
	border: 1px solid rgba(255, 255, 255);
	box-shadow: 0 1px 100px rgba(0, 0, 0, 0.2), inset 0px 0px 90px 10px rgba(255, 255, 255, 0.93);
	background-color: rgba(244, 246, 248, 0.85);
	border-radius: 10px;
}
#spanButtonPlaceholder,
#imgSpanButtonPlaceholder {
  background-image: none !important;
  background-color: #000;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.20);
  color: #fff;
  width: 90px!important;
  height: 25px!important;
  position: relative;
  padding: 2px 10px;
}
#imgSpanButtonPlaceholder::before {
  content: "选择图片上传";  /* 设置伪元素的内容 */
  position: absolute; /* 定位伪元素 */
  top: 50%; /* 垂直居中 */
  left: 50%; /* 水平居中 */
  transform: translate(-50%, -50%); /* 精确居中 */
  color: #fff; /* 文字颜色 */
  font-size: 13px; /* 字体大小,根据需要调整 */
  white-space: nowrap; /* 强制文字不换行 */
}
#spanButtonPlaceholder::before {
  content: "选择文件上传";  /* 设置伪元素的内容 */
  position: absolute; /* 定位伪元素 */
  top: 50%; /* 垂直居中 */
  left: 50%; /* 水平居中 */
  transform: translate(-50%, -50%); /* 精确居中 */
  color: #fff; /* 文字颜色 */
  font-size: 13px; /* 字体大小,根据需要调整 */
  white-space: nowrap; /* 强制文字不换行 */
}
.imgf .px {
  padding: 4px;
}
.upfl table td {
  border-bottom: 0px dashed var(--Second-color);
  height: 30px;
  line-height: 24px;
  border-radius: 0 !important;
}


#editorbox > ul > a:hover {
  background: transparent !important;
  color: var(--primary-color) !important;
}
#fwin_medal {
  position: fixed;
  z-index: 201;
  left: 460px;
  top: 494px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 10px !important;
  background-color: rgb(255, 255, 255) !important;
}

#delform > table > tbody > tr.th > td.num,
#delform > table > tbody > tr.th > td.by,
#delform > table > tbody > tr.th > td.icn,
#delform > table > tbody > tr.th > td.frm,
#delform > table > tbody > tr.th > th {
  background-color: var(--sider-color) !important;
  border-radius: 0 !important;
  color: #333 !important;
}

#delform > table > tbody > tr.th > td.icn {
  border-radius: 8px 0 0 8px !important;
}
#delform > table > tbody > tr.th > td.by{
  border-radius: 0 8px 8px 0 !important;
}

dl > dd > p:nth-child(4) > strong,
dl > dd > p:nth-child(5) > a{
  color: #333 !important;
}
/* 进度条关闭按钮*/
a.progressCancel {
  display: block;
  float: right;
  width: 16px; /* 修改为16px */
  height: 16px; /* 修改为16px */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  background: #999; /* 设置背景为黑色 */
  border-radius: 50%; /* 设置圆形按钮 */
  position: relative; /* 确保可以使用伪元素定位 */
  transition: background 0.15s ease; /* 设置背景颜色过渡 */
}
a.progressCancel:hover {
  background: red; /* hover时背景颜色为红色 */
}
a.progressCancel::before,
a.progressCancel::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px; /* 调整线条长度为8px */
  height: 2px; /* "X"的线条粗细 */
  background: white; /* 白色线条 */
  transform: translate(-50%, -50%) rotate(45deg); /* 旋转45度 */
  transition: background 0.15s ease; /* 添加过渡效果 */
}
a.progressCancel::after {
  transform: translate(-50%, -50%) rotate(-45deg); /* 旋转-45度 */
}
/* 进度条关闭按钮结束*/


/* 附件关闭按钮*/
.xld a.d, .xl a.d, .attc a.d, .c a.d, .sinf a.d {
  float: right;
  width: 16px; /* 按钮大小为16px */
  height: 16px; /* 按钮大小为16px */
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  background: #999; /* 按钮背景颜色为灰色 */
  border-radius: 50%; /* 圆形按钮 */
  position: relative; /* 确保可以使用伪元素定位 */
  transition: background 0.15s ease; /* 背景颜色过渡 */
}
.xld a.d:hover, .xl a.d:hover, .attc a.d:hover, .c a.d:hover, .sinf a.d:hover {
  background: red; /* hover时背景颜色变为较亮的灰色 */
}
.xld a.d::before, .xl a.d::before, .attc a.d::before, .c a.d::before, .sinf a.d::before,
.xld a.d::after, .xl a.d::after, .attc a.d::after, .c a.d::after, .sinf a.d::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px; /* 线条长度为8px */
  height: 2px; /* "X"线条粗细 */
  background: white; /* 交叉线条的颜色为白色 */
  transform: translate(-50%, -50%) rotate(45deg); /* 旋转45度 */
  transition: background 0.15s ease; /* 添加过渡效果 */
}
.xld a.d::after, .xl a.d::after, .attc a.d::after, .c a.d::after, .sinf a.d::after {
  transform: translate(-50%, -50%) rotate(-45deg); /* 旋转-45度 */
}
/* 附件关闭按钮结束*/
#editorbox > ul > li:nth-child(1) > a,
.upfl a, #imgattachlist a {
  color: var(--primary-color)  !important;
}
.imgl img {
  border: 2px solid #ffffff;
  max-width: 110px;
}
.popupfix .px {
  margin-bottom: 4px;
  border-radius: var(--icon-radius);
}
.imgl {
  background-color: #66666614;
}
.pnc, a.pnc {
  font-size: 13px;
}
.enter-btn {
background: #FFF;
color: #000;
}
button.pn.vm {
  background-color: var(--primary-color) !important;
}
#spanButtonPlaceholder *,
#imgSpanButtonPlaceholder *{
  position: absolute;
  inset: 0;
  width: 110px;
  height: 30px;
  overflow: hidden;
}
.p_opt .txt, .p_opt .txtarea {
	border: 1px solid var(--primary-color);
}
.edt .area {
    border-radius: 0;
}
#e_iframe {
	border-radius: 0;
}
.fa_rss {
    height: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpb25pY29uIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTEwOC41NiAzNDIuNzhhNjAuMzQgNjAuMzQgMCAxMDYwLjU2IDYwLjQ0IDYwLjYzIDYwLjYzIDAgMDAtNjAuNTYtNjAuNDR6Ii8+PHBhdGggZD0iTTQ4IDE4Ni42N3Y4Ni41NWM1MiAwIDEwMS45NCAxNS4zOSAxMzguNjcgNTIuMTFzNTIgODYuNTYgNTIgMTM4LjY3aDg2LjY2YzAtMTUxLjU2LTEyNS42Ni0yNzcuMzMtMjc3LjMzLTI3Ny4zM3oiLz48cGF0aCBkPSJNNDggNDh2ODYuNTZjMTg1LjI1IDAgMzI5LjIyIDE0NC4wOCAzMjkuMjIgMzI5LjQ0SDQ2NEM0NjQgMjM0LjY2IDI3Ny42NyA0OCA0OCA0OHoiLz48L3N2Zz4=);
    display: block;
    line-height: 12px;
    margin: 12px 0px 0px 0px;
}
.fpd a.fbld {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik0xMS42MyA3LjgyQzEyLjQ2IDcuMjQgMTMgNi4zOCAxMyA1LjUgMTMgMy41NyAxMS40MyAyIDkuNSAySDR2MTJoNi4yNWMxLjc5IDAgMy4yNS0xLjQ2IDMuMjUtMy4yNSAwLTEuMy0uNzctMi40MS0xLjg3LTIuOTN6TTYuNSA0aDIuNzVjLjgzIDAgMS41LjY3IDEuNSAxLjVTMTAuMDggNyA5LjI1IDdINi41VjR6bTMuMjUgOEg2LjVWOWgzLjI1Yy44MyAwIDEuNS42NyAxLjUgMS41cy0uNjcgMS41LTEuNSAxLjV6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDE4djE4SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPgo=) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;

    }
#e_bold {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik0xMS42MyA3LjgyQzEyLjQ2IDcuMjQgMTMgNi4zOCAxMyA1LjUgMTMgMy41NyAxMS40MyAyIDkuNSAySDR2MTJoNi4yNWMxLjc5IDAgMy4yNS0xLjQ2IDMuMjUtMy4yNSAwLTEuMy0uNzctMi40MS0xLjg3LTIuOTN6TTYuNSA0aDIuNzVjLjgzIDAgMS41LjY3IDEuNSAxLjVTMTAuMDggNyA5LjI1IDdINi41VjR6bTMuMjUgOEg2LjVWOWgzLjI1Yy44MyAwIDEuNS42NyAxLjUgMS41cy0uNjcgMS41LTEuNSAxLjV6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDE4djE4SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPgo=) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
    }
#e_italic {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik03IDJ2MmgyLjU4bC0zLjY2IDhIM3YyaDh2LTJIOC40MmwzLjY2LThIMTVWMnoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
    }
#e_underline {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik05IDEzYzIuNzYgMCA1LTIuMjQgNS01VjFoLTIuNXY3YzAgMS4zOC0xLjEyIDIuNS0yLjUgMi41UzYuNSA5LjM4IDYuNSA4VjFINHY3YzAgMi43NiAyLjI0IDUgNSA1em0tNiAydjJoMTJ2LTJIM3oiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
    }
.fpd a.fclr {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGZpbGwtb3BhY2l0eT0iLjM2IiBkPSJNMCAxNWgxOHYzSDB6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDE4djE4SDB6IiBmaWxsPSJub25lIi8+CiAgICA8cGF0aCBkPSJNMTAgMUg4TDMuNSAxM2gybDEuMTItM2g0Ljc1bDEuMTIgM2gyTDEwIDF6TTcuMzggOEw5IDMuNjcgMTAuNjIgOEg3LjM4eiIvPgo8L3N2Zz4K) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
    }
.fpd a.flnk {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik0xLjkgOWMwLTEuMTYuOTQtMi4xIDIuMS0yLjFoNFY1SDRDMS43OSA1IDAgNi43OSAwIDlzMS43OSA0IDQgNGg0di0xLjlINGMtMS4xNiAwLTIuMS0uOTQtMi4xLTIuMXpNMTQgNWgtNHYxLjloNGMxLjE2IDAgMi4xLjk0IDIuMSAyLjEgMCAxLjE2LS45NCAyLjEtMi4xIDIuMWgtNFYxM2g0YzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00em0tOCA1aDZWOEg2djJ6Ii8+Cjwvc3ZnPgo=) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;

    }
.fpd a.fmg {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik0yMSAxOVY1YzAtMS4xLS45LTItMi0ySDVjLTEuMSAwLTIgLjktMiAydjE0YzAgMS4xLjkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTJ6TTguNSAxMy41bDIuNSAzLjAxTDE0LjUgMTJsNC41IDZINWwzLjUtNC41eiIvPgo8L3N2Zz4K) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;

}
.fpd a.fsml {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik02IDhjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTEtMSAuNDUtMSAxIC40NSAxIDEgMXptNiAwYy41NSAwIDEtLjQ1IDEtMXMtLjQ1LTEtMS0xLTEgLjQ1LTEgMSAuNDUgMSAxIDF6bS0zIDUuNWMyLjE0IDAgMy45Mi0xLjUgNC4zOC0zLjVINC42MmMuNDYgMiAyLjI0IDMuNSA0LjM4IDMuNXpNOSAxQzQuNTcgMSAxIDQuNTggMSA5czMuNTcgOCA4IDggOC0zLjU4IDgtOC0zLjU4LTgtOC04em0wIDE0LjVjLTMuNTkgMC02LjUtMi45MS02LjUtNi41UzUuNDEgMi41IDkgMi41czYuNSAyLjkxIDYuNSA2LjUtMi45MSA2LjUtNi41IDYuNXoiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;

}
.fpd a.fqt {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik0xMCA1djVoMi43NUwxMSAxM2gyLjI1TDE1IDEwVjVoLTV6bS03IDVoMi43NUw0IDEzaDIuMjVMOCAxMFY1SDN2NXoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;

}
.fpd a.fcd {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMFYweiIvPgogICAgPHBhdGggZD0iTTkuNCAxNi42TDQuOCAxMmw0LjYtNC42TDggNmwtNiA2IDYgNiAxLjQtMS40em01LjIgMGw0LjYtNC42LTQuNi00LjZMMTYgNmw2IDYtNiA2LTEuNC0xLjR6Ii8+Cjwvc3ZnPgo=) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;

}
#e_quote {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik0xMCA1djVoMi43NUwxMSAxM2gyLjI1TDE1IDEwVjVoLTV6bS03IDVoMi43NUw0IDEzaDIuMjVMOCAxMFY1SDN2NXoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
#e_code {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMFYweiIvPgogICAgPHBhdGggZD0iTTkuNCAxNi42TDQuOCAxMmw0LjYtNC42TDggNmwtNiA2IDYgNiAxLjQtMS40em01LjIgMGw0LjYtNC42LTQuNi00LjZMMTYgNmw2IDYtNiA2LTEuNC0xLjR6Ii8+Cjwvc3ZnPgo=) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
#e_forecolor {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGZpbGwtb3BhY2l0eT0iLjM2IiBkPSJNMCAxNWgxOHYzSDB6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDE4djE4SDB6IiBmaWxsPSJub25lIi8+CiAgICA8cGF0aCBkPSJNMTAgMUg4TDMuNSAxM2gybDEuMTItM2g0Ljc1bDEuMTIgM2gyTDEwIDF6TTcuMzggOEw5IDMuNjcgMTAuNjIgOEg3LjM4eiIvPgo8L3N2Zz4K) no-repeat center center;
    background-size: 14px !important;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
    }
#e_backcolor {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGZpbGwtb3BhY2l0eT0iLjM2IiBkPSJNMCAxNWgxOHYzSDB6Ii8+CiAgICA8cGF0aCBkPSJNMTQuNSA4Ljg3UzEzIDEwLjQ5IDEzIDExLjQ5YzAgLjgzLjY3IDEuNSAxLjUgMS41czEuNS0uNjcgMS41LTEuNWMwLS45OS0xLjUtMi42Mi0xLjUtMi42MnptLTEuNzktMi4wOEw1LjkxIDAgNC44NSAxLjA2bDEuNTkgMS41OS00LjE1IDQuMTRjLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDFsNC41IDQuNWMuMi4yLjQ1LjMuNzEuM3MuNTEtLjEuNzEtLjI5bDQuNS00LjVjLjM5LS4zOS4zOS0xLjAzIDAtMS40MnpNNC4yMSA3TDcuNSAzLjcxIDEwLjc5IDdINC4yMXoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
    }

#e_autotypeset {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik0yIDE2aDE0di0ySDJ2MnptMC00aDE0di0ySDJ2MnpNMiAydjJoMTRWMkgyem0wIDZoMTRWNkgydjJ6Ii8+CiAgICA8cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE4djE4SDB6Ii8+Cjwvc3ZnPgo=) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
#e_justifyleft {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik0yIDE2aDEwdi0ySDJ2MnpNMTIgNkgydjJoMTBWNnpNMiAydjJoMTRWMkgyem0wIDEwaDE0di0ySDJ2MnoiLz4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMTh2MThIMHoiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
#e_tbl {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIA0KICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogIHdpZHRoPSIyNCINCiAgaGVpZ2h0PSIyNCINCiAgdmlld0JveD0iMCAwIDI0IDI0Ig0KICBmaWxsPSJub25lIg0KICBzdHJva2U9IiMwMDAwMDAiDQogIHN0cm9rZS13aWR0aD0iMiINCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIg0KICBzdHJva2UtbGluZWpvaW49InJvdW5kIg0KPg0KICA8cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIyIiByeT0iMiIgLz4NCiAgPGxpbmUgeDE9IjMiIHkxPSI5IiB4Mj0iMjEiIHkyPSI5IiAvPg0KICA8bGluZSB4MT0iMyIgeTE9IjE1IiB4Mj0iMjEiIHkyPSIxNSIgLz4NCiAgPGxpbmUgeDE9IjkiIHkxPSI5IiB4Mj0iOSIgeTI9IjIxIiAvPg0KICA8bGluZSB4MT0iMTUiIHkxPSI5IiB4Mj0iMTUiIHkyPSIyMSIgLz4NCjwvc3ZnPg==) no-repeat center center;
    background-size: 16px;
    width: 20px !important;
    height: 22px !important;
    background-position: 3px 3px !important;
}
#e_justifycenter {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik00IDE0djJoMTB2LTJINHptMC04djJoMTBWNkg0em0tMiA2aDE0di0ySDJ2MnpNMiAydjJoMTRWMkgyeiIvPgo8L3N2Zz4K) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 3px 4px !important;
}
#e_justifyright {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik02IDE2aDEwdi0ySDZ2MnptLTQtNGgxNHYtMkgydjJ6TTIgMnYyaDE0VjJIMnptNCA2aDEwVjZINnYyeiIvPgogICAgPHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxOHYxOEgweiIvPgo8L3N2Zz4K) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
#e_insertorderedlist {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik0yIDEzaDJ2LjVIM3YxaDF2LjVIMnYxaDN2LTRIMnYxem0wLTVoMS44TDIgMTAuMXYuOWgzdi0xSDMuMkw1IDcuOVY3SDJ2MXptMS0yaDFWMkgydjFoMXYzem00LTN2Mmg5VjNIN3ptMCAxMmg5di0ySDd2MnptMC01aDlWOEg3djJ6Ii8+Cjwvc3ZnPgo=) no-repeat center center;
    background-size: 16px;
    width: 20px !important;
    height: 22px !important;
    background-position: 3px 3px !important;
}
#e_insertunorderedlist {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik03IDEwaDlWOEg3djJ6bTAtN3YyaDlWM0g3em0wIDEyaDl2LTJIN3Yyem0tNC01aDJWOEgzdjJ6bTAtN3YyaDJWM0gzem0wIDEyaDJ2LTJIM3YyeiIvPgo8L3N2Zz4K) no-repeat center center;
    background-size: 16px;
    width: 20px !important;
    height: 22px !important;
    background-position: 2px 3px !important;
}
#e_removeformat {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHptMCAwaDE4djE4SDB6bTAgMGgxOHYxOEgweiIgZmlsbD0ibm9uZSIvPgogICAgPHBhdGggZD0iTTIuMjcgNC41NUw3LjQzIDkuNyA1IDE1aDIuNWwxLjY0LTMuNThMMTMuNzMgMTYgMTUgMTQuNzMgMy41NSAzLjI3IDIuMjcgNC41NXpNNS44MiAzbDIgMmgxLjc2bC0uNTUgMS4yMSAxLjcxIDEuNzFMMTIuMDggNUgxNlYzSDUuODJ6Ii8+Cjwvc3ZnPgo=) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
#e_inserthorizontalrule {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+CiAgICA8L2RlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImIiPgogICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2EiIG92ZXJmbG93PSJ2aXNpYmxlIi8+CiAgICA8L2NsaXBQYXRoPgogICAgPHBhdGggY2xpcC1wYXRoPSJ1cmwoI2IpIiBkPSJNMjAgOUg0djJoMTZWOXpNNCAxNWgxNnYtMkg0djJ6Ii8+Cjwvc3ZnPgo=) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
#e_sml {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik02IDhjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTEtMSAuNDUtMSAxIC40NSAxIDEgMXptNiAwYy41NSAwIDEtLjQ1IDEtMXMtLjQ1LTEtMS0xLTEgLjQ1LTEgMSAuNDUgMSAxIDF6bS0zIDUuNWMyLjE0IDAgMy45Mi0xLjUgNC4zOC0zLjVINC42MmMuNDYgMiAyLjI0IDMuNSA0LjM4IDMuNXpNOSAxQzQuNTcgMSAxIDQuNTggMSA5czMuNTcgOCA4IDggOC0zLjU4IDgtOC0zLjU4LTgtOC04em0wIDE0LjVjLTMuNTkgMC02LjUtMi45MS02LjUtNi41UzUuNDEgMi41IDkgMi41czYuNSAyLjkxIDYuNSA2LjUtMi45MSA2LjUtNi41IDYuNXoiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 25px;
    width: 35px !important;
    height: 15px !important;
    background-position: 6px 4px !important;
}
#e_image {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik0yMSAxOVY1YzAtMS4xLS45LTItMi0ySDVjLTEuMSAwLTIgLjktMiAydjE0YzAgMS4xLjkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTJ6TTguNSAxMy41bDIuNSAzLjAxTDE0LjUgMTJsNC41IDZINWwzLjUtNC41eiIvPgo8L3N2Zz4K) no-repeat center center;
    background-size: 25px;
    width: 35px !important;
    height: 15px !important;
    background-position: 6px 4px !important;
}
#e_attach {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZGF0YS1uYW1lPSJMYXllciAyIj4KICAgIDxnIGRhdGEtbmFtZT0iYXR0YWNoIj4KICAgICAgPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBvcGFjaXR5PSIwIi8+CiAgICAgIDxwYXRoIGQ9Ik05LjI5IDIxYTYuMjMgNi4yMyAwIDAgMS00LjQzLTEuODggNiA2IDAgMCAxLS4yMi04LjQ5TDEyIDMuMkE0LjExIDQuMTEgMCAwIDEgMTUgMmE0LjQ4IDQuNDggMCAwIDEgMy4xOSAxLjM1IDQuMzYgNC4zNiAwIDAgMSAuMTUgNi4xM2wtNy40IDcuNDNhMi41NCAyLjU0IDAgMCAxLTEuODEuNzUgMi43MiAyLjcyIDAgMCAxLTEuOTUtLjgyIDIuNjggMi42OCAwIDAgMS0uMDgtMy43N2w2LjgzLTYuODZhMSAxIDAgMCAxIDEuMzcgMS40MWwtNi44MyA2Ljg2YS42OC42OCAwIDAgMCAuMDguOTUuNzguNzggMCAwIDAgLjUzLjIzLjU2LjU2IDAgMCAwIC40LS4xNmw3LjM5LTcuNDNhMi4zNiAyLjM2IDAgMCAwLS4xNS0zLjMxIDIuMzggMi4zOCAwIDAgMC0zLjI3LS4xNUw2LjA2IDEyYTQgNCAwIDAgMCAuMjIgNS42NyA0LjIyIDQuMjIgMCAwIDAgMyAxLjI5IDMuNjcgMy42NyAwIDAgMCAyLjYxLTEuMDZsNy4zOS03LjQzYTEgMSAwIDEgMSAxLjQyIDEuNDFsLTcuMzkgNy40M0E1LjY1IDUuNjUgMCAwIDEgOS4yOSAyMXoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==) no-repeat center center;
    background-size: 25px !important;
    width: 35px !important;
    height: 15px !important;
    background-position: 6px 4px !important;
}
#e_free {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMFYweiIvPgogICAgPHBhdGggZD0iTTIwIDNINHYxMGMwIDIuMjEgMS43OSA0IDQgNGg2YzIuMjEgMCA0LTEuNzkgNC00di0zaDJjMS4xMSAwIDItLjkgMi0yVjVjMC0xLjExLS44OS0yLTItMnptMCA1aC0yVjVoMnYzek00IDE5aDE2djJINHoiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
#e_index {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik04IDEyaDh2LTJIOHYyem0wLTRoOFY2SDh2MnptOCA2SDJ2MmgxNHYtMnpNMiA5bDMuNSAzLjV2LTdMMiA5em0wLTd2MmgxNFYySDJ6Ii8+CiAgICA8cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE4djE4SDBWMHoiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
#e_page {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik01LjUgMTBIMnY1YzAgLjU1LjQ1IDEgMSAxaDV2LTMuNWwtMy41IDEgMS0zLjV6TTIgM3Y1aDMuNWwtMS0zLjUgMy41IDFWMkgzYy0uNTUgMC0xIC40NS0xIDF6bTEzLTFoLTV2My41bDMuNS0xLTEgMy41SDE2VjNjMC0uNTUtLjQ1LTEtMS0xem0tMS41IDExLjVsLTMuNS0xVjE2aDVjLjU1IDAgMS0uNDUgMS0xdi01aC0zLjVsMSAzLjV6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDE4djE4SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPgo=) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
#e_undo {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8dGl0bGU+dW5kbzwvdGl0bGU+CiAgPHBhdGggZD0iTTQ0OCAzODRRMzg5IDMzNiAzMzUgMzEyIDI4MCAyODggMjI0IDI4OEwyMjQgMzgwIDYwIDIxNiAyMjQgNTIgMjI0IDE0NFEzMjAgMTY2IDM3NCAyMjIgNDI4IDI3NyA0NDggMzg0WiIvPgo8L3N2Zz4=) no-repeat center center;
    background-size: 14px !important;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
#e_redo {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8dGl0bGU+cmVkbzwvdGl0bGU+CiAgPHBhdGggZD0iTTY0IDM4NFE4NCAyNzcgMTM4IDIyMiAxOTIgMTY2IDI4OCAxNDRMMjg4IDUyIDQ1MiAyMTYgMjg4IDM4MCAyODggMjg4UTIzMiAyODggMTc4IDMxMiAxMjMgMzM2IDY0IDM4NFoiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 14px !important;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
#e_password {
	background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+CiAgICA8ZyBpZD0iaW52aXNpYmxlX2JveCIgZGF0YS1uYW1lPSJpbnZpc2libGUgYm94Ij4KICAgICAgPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiBmaWxsPSJub25lIi8+CiAgICA8L2c+CiAgICA8ZyBpZD0iTGF5ZXJfNyIgZGF0YS1uYW1lPSJMYXllciA3Ij4KICAgICAgPHBhdGggZD0iTTM5LDE4SDM1VjEzQTExLDExLDAsMCwwLDI0LDJIMjJBMTEsMTEsMCwwLDAsMTEsMTN2NUg3YTIsMiwwLDAsMC0yLDJWNDRhMiwyLDAsMCwwLDIsMkgzOWEyLDIsMCwwLDAsMi0yVjIwQTIsMiwwLDAsMCwzOSwxOFpNMTUsMTNhNyw3LDAsMCwxLDctN2gyYTcsNywwLDAsMSw3LDd2NUgxNVpNMTQsMzVhMywzLDAsMSwxLDMtM0EyLjksMi45LDAsMCwxLDE0LDM1Wm05LDBhMywzLDAsMSwxLDMtM0EyLjksMi45LDAsMCwxLDIzLDM1Wm05LDBhMywzLDAsMSwxLDMtM0EyLjksMi45LDAsMCwxLDMyLDM1WiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+) no-repeat center center;
	background-size: 14px !important;
	width: 20px !important;
	height: 22px !important;
	background-position: 4px 4px !important;
}
#e_postbg {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjE4cHgiIHdpZHRoPSIxOHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICA8Zz4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBkPSJNMjEuMzMzLDE5MmMxMS43OTcsMCwyMS4zMzMtOS41NTcsMjEuMzMzLTIxLjMzM1YtMjEuMzMzYzAtMTEuNzc2LTkuNTM2LTIxLjMzMy0yMS4zMzMtMjEuMzMzIEM5LjUzNiwxMjgsMCwxMzcuNTU3LDAsMTQ5LjMzM3YyMS4zMzNDMCwxODIuNDQzLDkuNTM2LDE5MiwyMS4zMzMsMTkyeiIvPgogICAgICAgIDxwYXRoIGQ9Ik0xOTIsNDIuNjY3aDIxLjMzM2MxMS43OTcsMCwyMS4zMzMtOS41NTcsMjEuMzMzLTIxLjMzM1MyMjUuMTMxLDAsMjEzLjMzMywwSDE5MmMtMTEuNzk3LDAtMjEuMzMzLDkuNTU3LTIxLjMzMywyMS4zMzMgUzE4MC4yMDMsNDIuNjY3LDE5Miw0Mi42Njd6Ii8+CiAgICAgICAgPHBhdGggZD0iTTIxLjMzMyw4NS4zMzNjMTEuNzk3LDAsMjEuMzMzLTkuNTU3LDIxLjMzMy0yMS4zMzNWNDIuNjY3YzAtMTEuNzc2LTkuNTM2LTIxLjMzMy0yMS4zMzMtMjEuMzMzIEM5LjUzNiwyMS4zMzMsMCwzMC44OTEsMCw0Mi42NjdWNjRDMCw3NS43NzYsOS41MzYsODUuMzMzLDIxLjMzMyw4NS4zMzN6Ii8+CiAgICAgICAgPHBhdGggZD0iTTMyMCw4NS4zMzNjLTExLjc5NywwLTIxLjMzMyw5LjU1Ny0yMS4zMzMsMjEuMzMzVjEyOGMwLDExLjc3Niw5LjUzNiwyMS4zMzMsMjEuMzMzLDIxLjMzM3MyMS4zMzMtOS41NTcsMjEuMzMzLTIxLjMzMyB2LTIxLjMzM0MzNDEuMzMzLDk0Ljg5MSwzMzEuNzk3LDg1LjMzMywzMjAsODUuMzMzeiIvPgogICAgICAgIDxwYXRoIGQ9Ik0yOTguNjY3LDQyLjY2N0gzMjBjMTEuNzk3LDAsMjEuMzMzLTkuNTU3LDIxLjMzMy0yMS4zMzNTMzMxLjc5NywwLDMyMCwwaC0yMS4zMzNjLTExLjc5NywwLTIxLjMzMyw5LjU1Ny0yMS4zMzMsMjEuMzMzIFMyODYuODY5LDQyLjY2NywyOTguNjY3LDQyLjY2N3oiLz4KICAgICAgICA8cGF0aCBkPSJNNDIuNjY3LDI1NmMwLTExLjc3Ni05LjUzNi0yMS4zMzMtMjEuMzMzLTIxLjMzM0M5LjUzNiwyMzQuNjY3LDAsMjQ0LjIyNCwwLDI1NnYyMS4zMzMgYzAsMTEuNzc2LDkuNTM2LDIxLjMzMywyMS4zMzMsMjEuMzMzYzExLjc5NywwLDIxLjMzMy05LjU1NywyMS4zMzMtMjEuMzMzVjI1NnoiLz4KICAgICAgICA8cGF0aCBkPSJNMTA2LjY2NywwSDg1LjMzM0M3My41MzYsMCw2NCw5LjU1Nyw2NCwyMS4zMzNzOS41MzYsMjEuMzMzLDIxLjMzMywyMS4zMzNoMjEuMzMzYzExLjc5NywwLDIxLjMzMy05LjU1NywyMS4zMzMtMjEuMzMzIFMxMTguNDY0LDAsMTA2LjY2NywweiIvPgogICAgICAgIDxwYXRoIGQ9Ik04NS4zMzMsMjk4LjY2N0g2NGMtMTEuNzk3LDAtMjEuMzMzLDkuNTU3LTIxLjMzMywyMS4zMzNTNTIuMjAzLDM0MS4zMzMsNjQsMzQxLjMzM2gyMS4zMzMgYzExLjc5NywwLDIxLjMzMy05LjU1NywyMS4zMzMtMjEuMzMzUzk3LjEzMSwyOTguNjY3LDg1LjMzMywyOTguNjY3eiIvPgogICAgICAgIDxwYXRoIGQ9Ik00OTAuNjY3LDE3MC42NjdIMzIwYy0xMS43OTcsMC0yMS4zMzMsOS41NTctMjEuMzMzLDIxLjMzM3YyMS4zMzN2MjEuMzMzdjY0aC04NS4zMzNIMTkyaC0yMS4zMzMgYy0xMS43OTcsMC0yMS4zMzMsOS41NTctMjEuMzMzLDIxLjMzM3M5LjUzNiwyMS4zMzMsMjEuMzMzLDIxLjMzM3YxNDkuMzMzYzAsMTEuNzc2LDkuNTM2LDIxLjMzMywyMS4zMzMsMjEuMzMzaDI5OC42NjcgYzExLjc5NywwLDIxLjMzMy05LjU1NywyMS4zMzMtMjEuMzMzVjE5MkM1MTIsMTgwLjIyNCw1MDIuNDY0LDE3MC42NjcsNDkwLjY2NywxNzAuNjY3eiIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=) no-repeat center center;
    background-size: 13px !important;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
#e_unlink {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjMDAwMDAwIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIj4KICA8Zz4KICAgIDxwYXRoIGQ9Ik0xNi4yMDEsMjAuMzg2bDkuNzE5LDkuNzIxYzEuMTIsMS4xMTgsMi45MzUsMS4xMTgsNC4wNTQsMGMxLjExOC0xLjEyMSwxLjExOC0yLjkzMywwLTQuMDU1bC05LjY3OS05LjY3NyBjLTAuMDAyLTAuMDAzLTAuMDA0LTAuMDA1LTAuMDA2LTAuMDA4cy0wLjAwNS0wLjAwNC0wLjAwOC0wLjAwNmwtMC4wMjYtMC4wMjZsLTAuMDAzLDAuMDAzYy0xLjEyMi0xLjA4NS0yLjkwOS0xLjA3Ny00LjAxNywwLjAzIGMtMS4xMDcsMS4xMDgtMS4xMTUsMi44OTUtMC4wMyw0LjAxNUwxNi4yMDEsMjAuMzg2eiIvPgogICAgPHBhdGggZD0iTTMyLjg5OCwxNi41NDZsMy41NTgsMTMuMjc3YzAuNDEsMS41MjksMS45ODEsMi40MzcsMy41MSwyLjAyNmMxLjUyNy0wLjQwOSwyLjQzNS0xLjk4MSwyLjAyNy0zLjUxbC0zLjU0NS0xMy4yMjQgYzAtMC4wMDIsMC0wLjAwNS0wLjAwMS0wLjAwN3MtMC4wMDItMC4wMDQtMC4wMDMtMC4wMDdsLTAuMDExLTAuMDRsLTAuMDA0LDAuMDAxYy0wLjQyOS0xLjUtMS45OC0yLjM4Ny0zLjQ5My0xLjk4MiBjLTEuNTEzLDAuNDA1LTIuNDEzLDEuOTQ5LTIuMDM1LDMuNDYzTDMyLjg5OCwxNi41NDZ6Ii8+CiAgICA8cGF0aCBkPSJNMTYuMDU0LDM5LjQyM2wtMC4wMDEsMC4wMDVsMC4wNDYsMC4wMTJjMCwwLDAuMDAxLDAsMC4wMDEsMGwwLjAwMSwwbDEzLjIyOSwzLjU0NGMxLjUzLDAuNDEsMy4xMDEtMC40OTgsMy41MTEtMi4wMjUgYzAuNDEtMS41MjktMC40OTgtMy4xMDEtMi4wMjYtMy41MUwxNy42LDMzLjkwOGMtMC4wMDUtMC4wMDItMC4wMS0wLjAwNS0wLjAxNi0wLjAwNnMtMC4wMTEtMC4wMDEtMC4wMTctMC4wMDNsLTAuMDMtMC4wMDggbC0wLjAwMSwwLjAwM2MtMS41MTUtMC4zNzctMy4wNTgsMC41MjMtMy40NjMsMi4wMzVDMTMuNjY4LDM3LjQ0MiwxNC41NTUsMzguOTkyLDE2LjA1NCwzOS40MjN6Ii8+CiAgICA8cGF0aCBkPSJNODMuNzk4LDc5LjYxM2wtOS43Mi05LjcyYy0xLjExOS0xLjExOS0yLjkzNC0xLjExOS00LjA1MywwYy0xLjExOCwxLjEyLTEuMTE4LDIuOTMzLDAsNC4wNTVsOS42NzksOS42NzcgYzAuMDAyLDAuMDAzLDAuMDA0LDAuMDA1LDAuMDA2LDAuMDA4YzAuMDAzLDAuMDAyLDAuMDA1LDAuMDA0LDAuMDA4LDAuMDA2bDAuMDI2LDAuMDI2bDAuMDAzLTAuMDAzIGMxLjEyMiwxLjA4NSwyLjkwOCwxLjA3Nyw0LjAxNy0wLjAzYzEuMTA3LTEuMTA4LDEuMTE1LTIuODk1LDAuMDMtNC4wMTZMODMuNzk4LDc5LjYxM3oiLz4KICAgIDxwYXRoIGQ9Ik02Ny4xMDEsODMuNDU0bC0zLjU1OS0xMy4yNzdjLTAuNDEtMS41MjktMS45OC0yLjQzNi0zLjUxLTIuMDI2Yy0xLjUzLDAuNDA5LTIuNDM2LDEuOTgxLTIuMDI3LDMuNTA5bDMuNTQ2LDEzLjIzMSBjMCwwLDAsMC4wMDEsMCwwLjAwMWMwLDAuMDAxLDAsMC4wMDEsMCwwLjAwMWwwLjAxMiwwLjA0NWwwLjAwNS0wLjAwMWMwLjQyOCwxLjUwMSwxLjk4LDIuMzg3LDMuNDkzLDEuOTgzIGMxLjUxMy0wLjQwNiwyLjQxMi0xLjk1LDIuMDM0LTMuNDYzTDY3LjEwMSw4My40NTR6Ii8+CiAgICA8cGF0aCBkPSJNODMuOTQzLDYwLjU3N2wwLjAwMS0wLjAwNGwtMC4wNDEtMC4wMTFjLTAuMDAyLDAtMC4wMDMtMC4wMDEtMC4wMDUtMC4wMDJjLTAuMDAyLDAtMC4wMDMsMC0wLjAwNS0wLjAwMWwtMTMuMjI2LTMuNTQ0IGMtMS41My0wLjQxLTMuMSwwLjQ5OS0zLjUxMSwyLjAyNmMtMC40MDksMS41MjksMC40OTgsMy4xLDIuMDI3LDMuNTExbDEzLjIyNCwzLjU0MmMwLjAwMiwwLjAwMSwwLjAwNCwwLjAwMiwwLjAwNiwwLjAwMiBjMC4wMDEsMC4wMDEsMC4wMDUsMCwwLjAwNywwLjAwMWwwLjA0LDAuMDExbDAuMDAxLTAuMDA0YzEuNTE0LDAuMzc4LDMuMDU4LTAuNTIyLDMuNDYyLTIuMDM1IEM4Ni4zMzEsNjIuNTU3LDg1LjQ0Myw2MS4wMDYsODMuOTQzLDYwLjU3N3oiLz4KICAgIDxwYXRoIGQ9Ik00OC4yMTIsNTEuNzU2Yy03LjU1Mi03LjU1Mi0xOS42NDgtNy43OS0yNy40ODYtMC43MTNsLTAuMDE5LTAuMDE5TDEwLjYxLDYxLjEyMWMtNy43OTcsNy43OTctNy43OTcsMjAuNDQsMCwyOC4yMzcgYzcuNzk3LDcuNzk4LDIwLjQzOSw3Ljc5OCwyOC4yMzcsMGwxMC4wOTgtMTAuMDk4bC0wLjAxOS0wLjAxOUM1Ni4wMDEsNzEuNDA0LDU1Ljc2NCw1OS4zMDgsNDguMjEyLDUxLjc1NnogTTQxLjY1OSw3Mi41NTggbC0wLjYxOSwwLjYxOWwtMC4wMDEsMC4wMDFsLTAuMDAxLDBsLTkuMDA1LDkuMDA1bC0wLjAwMSwwLjAwMWMtMy45MzUsMy45MzUtMTAuMzE0LDMuOTM1LTE0LjI0OCwwcy0zLjkzNS0xMC4zMTQsMC0xNC4yNDggbDAuMDAxLTAuMDAxbDkuMDA1LTkuMDA2bDAuMDAxLTAuMDAxbDAuMDAxLTAuMDAxbDAuNjE5LTAuNjE5bDAuMDI5LDAuMDI4YzMuOTU5LTMuMzI5LDkuODc0LTMuMTM0LDEzLjYsMC41OTEgYzMuNzI2LDMuNzI2LDMuOTIxLDkuNjQyLDAuNTkxLDEzLjZMNDEuNjU5LDcyLjU1OHoiLz4KICAgIDxwYXRoIGQ9Ik04OS4zODksMTAuNjQxYy03LjU1Mi03LjU1Mi0xOS42NDgtNy43OS0yNy40ODYtMC43MTNsLTAuMDE5LTAuMDE5TDUxLjc4NywyMC4wMDZjLTcuNzk3LDcuNzk3LTcuNzk3LDIwLjQ0LDAsMjguMjM3IGM3Ljc5Nyw3Ljc5OCwyMC40MzksNy43OTgsMjguMjM3LDBsMTAuMDk4LTEwLjA5OGwtMC4wMTktMC4wMTlDOTcuMTc4LDMwLjI4OSw5Ni45NDEsMTguMTkzLDg5LjM4OSwxMC42NDF6IE04Mi44MzYsMzEuNDQzIGwtMC42MTksMC42MTlsLTAuMDAxLDAuMDAxbC0wLjAwMSwwbC05LjAwNSw5LjAwNWwtMC4wMDEsMC4wMDFjLTMuOTM1LDMuOTM1LTEwLjMxNCwzLjkzNS0xNC4yNDgsMCBjLTMuOTM1LTMuOTM1LTMuOTM1LTEwLjMxNCwwLTE0LjI0OGwwLjAwMS0wLjAwMWw5LjAwNS05LjAwNmMwLDAsMCwwLDAuMDAxLTAuMDAxbDAuMDAxLTAuMDAxbDAuNjE5LTAuNjE5bDAuMDI5LDAuMDI4IGMzLjk1OS0zLjMyOSw5Ljg3NC0zLjEzNCwxMy42LDAuNTkxczMuOTIxLDkuNjQyLDAuNTkxLDEzLjZMODIuODM2LDMxLjQ0M3oiLz4KICA8L2c+Cjwvc3ZnPg==) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
#e_floatleft {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEuNSAwQzAuNjcxNTczIDAgMCAwLjY3MTU3MyAwIDEuNVY1LjVDMCA2LjMyODQzIDAuNjcxNTczIDcgMS41IDdINS41QzYuMzI4NDMgNyA3IDYuMzI4NDMgNyA1LjVWMS41QzcgMC42NzE1NzMgNi4zMjg0MyAwIDUuNSAwSDEuNVoiIGZpbGw9IiMwMDAwMDAiLz4KICA8cGF0aCBkPSJNOSAySDE1VjFIOVYyWiIgZmlsbD0iIzAwMDAwMCIvPgogIDxwYXRoIGQ9Ik05IDZIMTVWNUg5VjZaIiBmaWxsPSIjMDAwMDAwIi8+CiAgPHBhdGggZD0iTTAgMTBIMTVWOUgwVjEwWiIgZmlsbD0iIzAwMDAwMCIvPgogIDxwYXRoIGQ9Ik0wIDE0SDE1VjEzSDBWMTRaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPg==) no-repeat center center;
    background-size: 14px !important;
    width: 20px !important;
    height: 22px !important;
    background-position: 5px 5px !important;
}
#e_floatright {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTkuNSAwQzguNjcxNTcgMCA4IDAuNjcxNTczIDggMS41VjUuNUM4IDYuMzI4NDMgOC42NzE1NyA3IDkuNSA3SDEzLjVDMTQuMzI4NCA3IDE1IDYuMzI4NDMgMTUgNS41VjEuNUMxNSAwLjY3MTU3MyAxNC4zMjg0IDAgMTMuNSAwSDkuNVoiIGZpbGw9IiMwMDAwMDAiLz4KICA8cGF0aCBkPSJNMCAySDZWMUgwVjJaIiBmaWxsPSIjMDAwMDAwIi8+CiAgPHBhdGggZD0iTTAgNkg2VjVIMFY2WiIgZmlsbD0iIzAwMDAwMCIvPgogIDxwYXRoIGQ9Ik0wIDEwSDE1VjlIMFYxMFoiIGZpbGw9IiMwMDAwMDAiLz4KICA8cGF0aCBkPSJNMCAxNEgxNUYxM0gwVjE0WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4=) no-repeat center center;
    background-size: 12px !important;
    width: 20px !important;
    height: 22px !important;
    background-position: 5px 5px !important;
}
#e_pasteword {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTkyIDE5MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNTYgMzBjMC0xLjY2MiAxLjMzOC0zIDMtM2gxMDhjMS42NjIgMCAzIDEuMzM4IDMgM3YxMzJjMCAxLjY2Mi0xLjMzOCAzLTMgM0g1OWMtMS42NjIgMC0zLTEuMzM4LTMtM3YtMzJtMC02OFYzMCIgc3R5bGU9ImZpbGwtb3BhY2l0eTouNDAyNjU4O3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoxMjtzdHJva2UtbGluZWNhcDpyb3VuZDtwYWludC1vcmRlcjpzdHJva2UgZmlsbCBtYXJrZXJzIi8+CiAgPHJlY3Qgd2lkdGg9IjY4IiBoZWlnaHQ9IjY4IiB4PSItNTguMSIgeT0iNDAuMyIgcng9IjMiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1vcGFjaXR5Oi40MDI2NTg7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjEyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MTtwYWludC1vcmRlcjpzdHJva2UgZmlsbCBtYXJrZXJzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MC4xIDIxLjcpIi8+CiAgPHBhdGggZD0iTTU1Ljk0NCA1OC43OTFIMTcwTTE3MCA5Nkg5MC4zMjhNMTY5IDEzMy4yMUg1NS45NDQiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjEyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIvPgogIDxwYXRoIGQ9Im03MyA4Mi04LjUgMjhtMCAwTDU2IDgybC04LjUgMjhNMzkgODJsOC41IDI4IiBzdHlsZT0iZm9udC12YXJpYXRpb24tc2V0dGluZ3M6bm9ybWFsO3ZlY3Rvci1lZmZlY3Q6bm9uZTtmaWxsOm5vbmU7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjEyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7LWlua3NjYXBlLXN0cm9rZTpub25lO3N0b3AtY29sb3I6IzAwMCIvPgo8L3N2Zz4=) no-repeat center center;
    background-size: 16px !important;
    width: 20px !important;
    height: 22px !important;
    background-position: 3px 3px !important;
}
#e_imagen, #e_attachn {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgZmlsbD0iIzAwMDAwMCIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0iQ2FwYV8xIgogICB3aWR0aD0iMTZweCIKICAgaGVpZ2h0PSIxNnB4IgogICB2aWV3Qm94PSIwIDAgNDM3LjY5OSA0MzcuNjk5IgogICBzb2RpcG9kaTpkb2NuYW1lPSIyMDI1LTAyLTEyLTYzMjU0LnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS40IChlN2MzZmViMSwgMjAyNC0xMC0wOSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcxIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgaW5rc2NhcGU6em9vbT0iMS4yNjEyNSIKICAgICBpbmtzY2FwZTpjeD0iMzk5LjYwMzU3IgogICAgIGlua3NjYXBlOmN5PSIzOTYuODI4NTQiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIyMTEyIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjExODgiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjI4MTYiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ijk1IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iQ2FwYV8xIiAvPgogIDxnCiAgICAgaWQ9ImcxIj4KICAgIDxwYXRoCiAgICAgICBkPSJNMzcyLjU3OCw2My4xMDFjLTQxLjE4LTMyLjMzMi05NS43NzUtNTAuMTM4LTE1My43MjctNTAuMTM4Yy01Ny45NTIsMC0xMTIuNTQ3LDE3LjgwNi0xNTMuNzI4LDUwLjEzOCBDMjMuMTI3LDk2LjA3MywwLDE0MC4xNjIsMCwxODcuMjQ0YzAsNDcuNjg4LDI0LjUzNiw5My4yNDYsNjcuNTg5LDEyNi4wMjdsLTIwLjgxLDk3LjY1NmMtMC44OTMsNC4xODYsMC42MjksOC41MTgsMy45NCwxMS4yMjcgYzIuMDc5LDEuNzAxLDQuNjQ1LDIuNTgyLDcuMjM3LDIuNTgyYzEuNTM4LDAsMy4wODctMC4zMTEsNC41NDgtMC45NDNsMTQ0LjA2My02Mi41MzljNC4xMDQsMC4xOCw4LjIyMywwLjI3MSwxMi4yODIsMC4yNzEgYzU3Ljk1MiwwLDExMi41NDUtMTcuODA3LDE1My43MjctNTAuMTM5YzQxLjk5Ni0zMi45NzMsNjUuMTIzLTc3LjA2MSw2NS4xMjMtMTI0LjE0NCBDNDM3LjcwMSwxNDAuMTYyLDQxNC41NzQsOTYuMDczLDM3Mi41NzgsNjMuMTAxeiBNMjE4Ljg1MiwzMDQuMzkzYy0xNS43MDksMC0yOC40OS0xMi43OC0yOC40OS0yOC40ODkgYzAtMTUuNzEsMTIuNzgxLTI4LjQ5MSwyOC40OS0yOC40OTFjMTUuNzA4LDAsMjguNDksMTIuNzgxLDI4LjQ5LDI4LjQ5MUMyNDcuMzQyLDI5MS42MTIsMjM0LjU2MSwzMDQuMzkzLDIxOC44NTIsMzA0LjM5M3ogTTI0MC43MjEsMjE1LjU3Yy0wLjc3MSwxMS40NDYtMTAuMzY3LDIwLjQxNy0yMS44NDQsMjAuNDE3Yy0wLjQ5OSwwLTEuMDAyLTAuMDE2LTEuNTA1LTAuMDUxIGMtMTAuODY3LTAuNzM3LTE5LjYyNC05LjQ5OC0yMC4zNTUtMjAuMzc2bC02LjkzMS0xMDIuMDU2Yy0wLjUyMi03LjY4NiwxLjk4LTE1LjExOCw3LjA0OS0yMC45MjYgYzUuMDY4LTUuODA2LDEyLjA5Mi05LjI5LDE5Ljc3OS05LjgxM2MwLjY1My0wLjA0NCwxLjMxMy0wLjA2NiwxLjk2Mi0wLjA2NmMxNS4xMSwwLDI3Ljc1NywxMS44MTMsMjguNzc4LDI2Ljg5NCBDMjQ4LjIwMiwxMTYuMiwyNDAuNzIxLDIxNS41NywyNDAuNzIxLDIxNS41N3oiCiAgICAgICBzdHlsZT0iZmlsbDogcmdiKDI1NSwgMTk5LCAwKTsiCiAgICAgICBpZD0icGF0aDEiIC8+CiAgPC9nPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtzdHJva2Utd2lkdGg6MC4wNzkyODY0O3BhaW50LW9yZGVyOnN0cm9rZSBmaWxsIG1hcmtlcnMiCiAgICAgZD0ibSAzOTUuMjQyODEsNDMwLjQwNjI2IGMgLTEyLjYxOTQxLC0xLjQzNDIzIC0yNC45Mjk3LC0xMC4xMTcyOSAtMzAuNzQzMjgsLTIxLjY4NDc1IC0zLjM2NjAxLC02LjY5NzQ3IC0zLjY5OTk3LC0xMC4xNDQ2OSAtMTAuMDk2NTEsLTEwNC4yMTk0OCAtMy40ODQ1OSwtNTEuMjQ4NDEgLTYuMzM1NjMsLTk2LjU4ODIzIC02LjMzNTYzLC0xMDAuNzU1MTYgMCwtOS4xMTcwNyAxLjM2Nzk2LC0xNC45MzA1MiA1LjQ5OTIyLC0yMy4zNzAyNiA5LjYyOTQ0LC0xOS42NzE5NSAzMi4zMzY4MSwtMzEuNTU2MzggNTMuOTAxMzUsLTI4LjIxMDUyIDE2LjUyMDM0LDIuNTYzMjEgMzEuMTU1MzEsMTMuMDYwNiAzOC45MDMxNywyNy45MDQ1MSA2Ljk3MzY1LDEzLjM2MDYyIDcuMDMwODUsMTYuOTYxODkgMS41NTM3MSw5Ny44MjgzMSAtNS42NDc1Miw4My4zODE3NyAtOC42MjQ3MSwxMTkuNzk5MDcgLTEwLjIxMzU2LDEyNC45MzMzIC01LjY3ODcyLDE4LjM1MDI1IC0yMy4yNDkxLDI5Ljc1ODM5IC00Mi40Njg0NywyNy41NzQwNSB6IgogICAgIGlkPSJwYXRoOSIKICAgICB0cmFuc2Zvcm09InNjYWxlKDAuNTQ3MTIzNzUpIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtzdHJva2Utd2lkdGg6MC4wNzkyODY0O3BhaW50LW9yZGVyOnN0cm9rZSBmaWxsIG1hcmtlcnMiCiAgICAgZD0ibSAzODcuMjA0NzksNTU0LjIyNjgxIGMgLTIwLjU0MjA3LC01LjM4NTQgLTM1LjIzNTAzLC0yMi4wMjkxNSAtMzguMzY5MTMsLTQzLjQ2MzM5IC0zLjQ4MDY1LC0yMy44MDQyNCAxMi4xNTY1OCwtNDguMjI4MDEgMzUuNzAzNDksLTU1Ljc2NTI2IDcuMzc2OSwtMi4zNjEzMSAxOC43ODEyMiwtMi44Mzk3MyAyNi41NDA3NCwtMS4xMTM0IDE2LjU2OTA4LDMuNjg2MjcgMzEuMjQ2OTcsMTYuNDIwMDIgMzcuMjIwNjUsMzIuMjkwNjUgMTIuNjUyNzQsMzMuNjE1MjMgLTEyLjY0MTgsNjkuODA5NDEgLTQ4LjYyNTU4LDY5LjU3ODc1IC0zLjk2OTMxLC0wLjAyNTQgLTkuMTcxODQsLTAuNjYyNjUgLTEyLjQ3MDE3LC0xLjUyNzM1IHoiCiAgICAgaWQ9InBhdGgxMCIKICAgICB0cmFuc2Zvcm09InNjYWxlKDAuNTQ3MTIzNzUpIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtzdHJva2Utd2lkdGg6MC4wNzkyODY0O3BhaW50LW9yZGVyOnN0cm9rZSBmaWxsIG1hcmtlcnMiCiAgICAgZD0ibSAzODcuMDg4NjIsNTU0LjE5NzMgYyAtMjQuOTUzMjQsLTYuNTM3NzIgLTQxLjg5NDU1LC0zMS41MzI0OSAtMzguMjUyOTYsLTU2LjQzNzQzIDUuMjY0NTIsLTM2LjAwNDI4IDQzLjQ0NTkzLC01NS43OTYzMiA3NS4zMjMzMiwtMzkuMDQ1MjMgMTguNjIyMzksOS43ODU3OSAyOS45ODMzNCwzMS42ODIzMSAyNy4wMDUzNiw1Mi4wNDg3OCAtNC41MzkyNSwzMS4wNDQxNSAtMzQuMzE4NjcsNTEuMjMwMjEgLTY0LjA3NTcyLDQzLjQzMzg4IHoiCiAgICAgaWQ9InBhdGgxMSIKICAgICB0cmFuc2Zvcm09InNjYWxlKDAuNTQ3MTIzNzUpIiAvPgo8L3N2Zz4K) no-repeat center center !important;
    background-size: 14px !important;
    background-position: 0px 0px !important;
}
#e_url {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik0xLjkgOWMwLTEuMTYuOTQtMi4xIDIuMS0yLjFoNFY1SDRDMS43OSA1IDAgNi43OSAwIDlzMS43OSA0IDQgNGg0di0xLjlINGMtMS4xNiAwLTIuMS0uOTQtMi4xLTIuMXpNMTQgNWgtNHYxLjloNGMxLjE2IDAgMi4xLjk0IDIuMSAyLjEgMCAxLjE2LS45NCAyLjEtMi4xIDIuMWgtNFYxM2g0YzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00em0tOCA1aDZWOEg2djJ6Ii8+Cjwvc3ZnPgo=) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;

    }
#e_cst1_sup {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgNTYgNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTSA0My42NDQ1IDI4LjE0MDYgQyA0NC42OTkyIDI4LjE0MDYgNDUuMzU1NSAyNy40NjA5IDQ1LjM1NTUgMjYuNDc2NiBMIDQ1LjM1NTUgMTAuNDQ1MyBDIDQ1LjM1NTUgOS4yNzM1IDQ0LjY1MjQgOC41NzAzIDQzLjUwMzkgOC41NzAzIEMgNDIuNDcyNyA4LjU3MDMgNDEuOTU3MCA4Ljk0NTMgNDEuMjc3MyA5LjQzNzUgTCAzNy41MjczIDExLjk5MjIgQyAzNi44NzExIDEyLjQzNzUgMzYuNTg5OCAxMi44NTk0IDM2LjU4OTggMTMuMzc1MCBDIDM2LjU4OTggMTQuMTQ4NCAzNy4xNzU4IDE0LjczNDQgMzcuOTAyNCAxNC43MzQ0IEMgMzguMzcxMSAxNC43MzQ0IDM4LjY3NTggMTQuNTkzNyAzOS4xNDQ1IDE0LjI2NTcgTCA0MS44NjMzIDEyLjQzNzUgTCA0MS45MzM2IDEyLjQzNzUgTCA0MS45MzM2IDI2LjQ3NjYgQyA0MS45MzM2IDI3LjQ2MDkgNDIuNjM2NyAyOC4xNDA2IDQzLjY0NDUgMjguMTQwNiBaIE0gMTIuNzMwNSA0Ny40Mjk3IEMgMTMuOTAyNCA0Ny40Mjk3IDE0LjQ2NDkgNDYuOTYwOSAxNC45MzM2IDQ1LjY3MTkgTCAxNy45MzM2IDM3LjM3NTAgTCAzMS43NjE3IDM3LjM3NTAgTCAzNC43ODUxIDQ1LjY3MTkgQyAzNS4yMzA1IDQ2Ljk2MDkgMzUuODE2NCA0Ny40Mjk3IDM2Ljk4ODMgNDcuNDI5NyBDIDM4LjI1MzkgNDcuNDI5NyAzOS4wOTc2IDQ2LjY3OTcgMzkuMDk3NiA0NS41MDc4IEMgMzkuMDk3NiA0NS4xMDk0IDM5LjAyNzMgNDQuNzU3OCAzOC44Mzk4IDQ0LjI0MjIgTCAyNy44NDc2IDE0Ljk5MjIgQyAyNy4zMDg2IDEzLjUzOTEgMjYuMzQ3NiAxMi44MzU5IDI0Ljg0NzYgMTIuODM1OSBDIDIzLjM5NDUgMTIuODM1OSAyMi40MzM2IDEzLjUzOTEgMjEuOTE4MCAxNC45Njg4IEwgMTAuOTAyNCA0NC4yNjU2IEMgMTAuNzE0OSA0NC43ODEzIDEwLjY0NDUgNDUuMTMyOCAxMC42NDQ1IDQ1LjUzMTMgQyAxMC42NDQ1IDQ2LjcwMzEgMTEuNDQxNCA0Ny40Mjk3IDEyLjczMDUgNDcuNDI5NyBaIE0gMTkuMDgyMCAzMy43ODkxIEwgMjQuNzc3MyAxOC4wMTU3IEwgMjQuOTE4MCAxOC4wMTU3IEwgMzAuNTg5OCAzMy43ODkxIFoiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 16px !important;
    width: 20px !important;
    height: 22px !important;
    background-position: 2px 4px !important;
    }
#e_cst1_sub {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgNTYgNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTSA5LjQ4NDQgNDIuMzMyMCBDIDEwLjY1NjMgNDIuMzMyMCAxMS4yMTg4IDQxLjg2MzMgMTEuNjg3NSA0MC41NzQyIEwgMTQuNjg3NSAzMi4yNzc0IEwgMjguNTE1NiAzMi4yNzc0IEwgMzEuNTM5MCA0MC41NzQyIEMgMzEuOTg0NCA0MS44NjMzIDMyLjU3MDMgNDIuMzMyMCAzMy43NDIyIDQyLjMzMjAgQyAzNS4wMDc4IDQyLjMzMjAgMzUuODUxNiA0MS41ODIwIDM1Ljg1MTYgNDAuNDEwMiBDIDM1Ljg1MTYgNDAuMDExNyAzNS43ODEyIDM5LjY2MDIgMzUuNTkzNyAzOS4xNDQ1IEwgMjQuNjAxNiA5Ljg5NDUgQyAyNC4wNjI1IDguNDQxNCAyMy4xMDE2IDcuNzM4MyAyMS42MDE2IDcuNzM4MyBDIDIwLjE0ODQgNy43MzgzIDE5LjE4NzUgOC40NDE0IDE4LjY3MTkgOS44NzExIEwgNy42NTYzIDM5LjE2ODAgQyA3LjQ2ODggMzkuNjgzNiA3LjM5ODQgNDAuMDM1MiA3LjM5ODQgNDAuNDMzNiBDIDcuMzk4NCA0MS42MDU1IDguMTk1MyA0Mi4zMzIwIDkuNDg0NCA0Mi4zMzIwIFogTSAxNS44MzU5IDI4LjY5MTQgTCAyMS41MzEyIDEyLjkxODAgTCAyMS42NzE5IDEyLjkxODAgTCAyNy4zNDM3IDI4LjY5MTQgWiBNIDQ2Ljg5MDYgNDguMjYxNyBDIDQ3LjkyMTkgNDguMjYxNyA0OC42MDE2IDQ3LjU4MjEgNDguNjAxNiA0Ni41OTc3IEwgNDguNjAxNiAzMC41NjY0IEMgNDguNjAxNiAyOS4zOTQ1IDQ3Ljg5ODQgMjguNjkxNCA0Ni43MjY2IDI4LjY5MTQgQyA0NS42OTUzIDI4LjY5MTQgNDUuMjAzMSAyOS4wNjY0IDQ0LjUgMjkuNTU4NiBMIDQwLjc1IDMyLjExMzMgQyA0MC4wOTM3IDMyLjU4MjEgMzkuODM1OSAzMi45ODA1IDM5LjgzNTkgMzMuNDk2MSBDIDM5LjgzNTkgMzQuMjY5NSA0MC4zOTg0IDM0Ljg1NTUgNDEuMTI1MCAzNC44NTU1IEMgNDEuNTkzNyAzNC44NTU1IDQxLjg5ODQgMzQuNzE0OCA0Mi4zNjcyIDM0LjM4NjcgTCA0NS4wODU5IDMyLjU1ODYgTCA0NS4xNzk3IDMyLjU1ODYgTCA0NS4xNzk3IDQ2LjU5NzcgQyA0NS4xNzk3IDQ3LjU4MjEgNDUuODU5NCA0OC4yNjE3IDQ2Ljg5MDYgNDguMjYxNyBaIi8+Cjwvc3ZnPg==) no-repeat center center;
    background-size: 16px !important;
    width: 20px !important;
    height: 22px !important;
    background-position: 2px 4px !important;
    }
#fastposteditor #spanButtonPlaceholder {
background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZGF0YS1uYW1lPSJMYXllciAyIj4KICAgIDxnIGRhdGEtbmFtZT0iYXR0YWNoIj4KICAgICAgPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBvcGFjaXR5PSIwIi8+CiAgICAgIDxwYXRoIGQ9Ik05LjI5IDIxYTYuMjMgNi4yMyAwIDAgMS00LjQzLTEuODggNiA2IDAgMCAxLS4yMi04LjQ5TDEyIDMuMkE0LjExIDQuMTEgMCAwIDEgMTUgMmE0LjQ4IDQuNDggMCAwIDEgMy4xOSAxLjM1IDQuMzYgNC4zNiAwIDAgMSAuMTUgNi4xM2wtNy40IDcuNDNhMi41NCAyLjU0IDAgMCAxLTEuODEuNzUgMi43MiAyLjcyIDAgMCAxLTEuOTUtLjgyIDIuNjggMi42OCAwIDAgMS0uMDgtMy43N2w2LjgzLTYuODZhMSAxIDAgMCAxIDEuMzcgMS40MWwtNi44MyA2Ljg2YS42OC42OCAwIDAgMCAuMDguOTUuNzguNzggMCAwIDAgLjUzLjIzLjU2LjU2IDAgMCAwIC40LS4xNmw3LjM5LTcuNDNhMi4zNiAyLjM2IDAgMCAwLS4xNS0zLjMxIDIuMzggMi4zOCAwIDAgMC0zLjI3LS4xNUw2LjA2IDEyYTQgNCAwIDAgMCAuMjIgNS42NyA0LjIyIDQuMjIgMCAwIDAgMyAxLjI5IDMuNjcgMy42NyAwIDAgMCAyLjYxLTEuMDZsNy4zOS03LjQzYTEgMSAwIDEgMSAxLjQyIDEuNDFsLTcuMzkgNy40M0E1LjY1IDUuNjUgMCAwIDEgOS4yOSAyMXoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==) no-repeat center center !important;
    background-size: 14px !important;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 6px !important;
    }
.b2r #e_sml {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik02IDhjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTEtMSAuNDUtMSAxIC40NSAxIDEgMXptNiAwYy41NSAwIDEtLjQ1IDEtMXMtLjQ1LTEtMS0xLTEgLjQ1LTEgMSAuNDUgMSAxIDF6bS0zIDUuNWMyLjE0IDAgMy45Mi0xLjUgNC4zOC0zLjVINC42MmMuNDYgMiAyLjI0IDMuNSA0LjM4IDMuNXpNOSAxQzQuNTcgMSAxIDQuNTggMSA5czMuNTcgOCA4IDggOC0zLjU4IDgtOC0zLjU4LTgtOC04em0wIDE0LjVjLTMuNTkgMC02LjUtMi45MS02LjUtNi41UzUuNDEgMi41IDkgMi41czYuNSAyLjkxIDYuNSA2LjUtMi45MSA2LjUtNi41IDYuNXoiLz4KPC9zdmc+Cg==) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
.b2r #e_image {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik0yMSAxOVY1YzAtMS4xLS45LTItMi0ySDVjLTEuMSAwLTIgLjktMiAydjE0YzAgMS4xLjkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTJ6TTguNSAxMy41bDIuNSAzLjAxTDE0LjUgMTJsNC41IDZINWwzLjUtNC41eiIvPgo8L3N2Zz4K) no-repeat center center;
    background-size: 14px;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}
.b2r #e_attach {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZGF0YS1uYW1lPSJMYXllciAyIj4KICAgIDxnIGRhdGEtbmFtZT0iYXR0YWNoIj4KICAgICAgPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBvcGFjaXR5PSIwIi8+CiAgICAgIDxwYXRoIGQ9Ik05LjI5IDIxYTYuMjMgNi4yMyAwIDAgMS00LjQzLTEuODggNiA2IDAgMCAxLS4yMi04LjQ5TDEyIDMuMkE0LjExIDQuMTEgMCAwIDEgMTUgMmE0LjQ4IDQuNDggMCAwIDEgMy4xOSAxLjM1IDQuMzYgNC4zNiAwIDAgMSAuMTUgNi4xM2wtNy40IDcuNDNhMi41NCAyLjU0IDAgMCAxLTEuODEuNzUgMi43MiAyLjcyIDAgMCAxLTEuOTUtLjgyIDIuNjggMi42OCAwIDAgMS0uMDgtMy43N2w2LjgzLTYuODZhMSAxIDAgMCAxIDEuMzcgMS40MWwtNi44MyA2Ljg2YS42OC42OCAwIDAgMCAuMDguOTUuNzguNzggMCAwIDAgLjUzLjIzLjU2LjU2IDAgMCAwIC40LS4xNmw3LjM5LTcuNDNhMi4zNiAyLjM2IDAgMCAwLS4xNS0zLjMxIDIuMzggMi4zOCAwIDAgMC0zLjI3LS4xNUw2LjA2IDEyYTQgNCAwIDAgMCAuMjIgNS42NyA0LjIyIDQuMjIgMCAwIDAgMyAxLjI5IDMuNjcgMy42NyAwIDAgMCAyLjYxLTEuMDZsNy4zOS03LjQzYTEgMSAwIDEgMSAxLjQyIDEuNDFsLTcuMzkgNy40M0E1LjY1IDUuNjUgMCAwIDEgOS4yOSAyMXoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==) no-repeat center center;
    background-size: 14px !important;
    width: 20px !important;
    height: 22px !important;
    background-position: 4px 4px !important;
}

`;

const imageMap = {
  "static/image/filetype/zip.gif": "https://i.imgur.com/tBQN9h9.png",
  "static/image/filetype/rar.gif": "https://i.imgur.com/tBQN9h9.png",
  "static/image/filetype/text.gif": "https://i.imgur.com/RyMc2aI.png",
  "static/image/filetype/torrent.gif": "https://i.imgur.com/mwvyHE6.png",
  "static/image/common/settop.png": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjZWE1ODBjIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yOCAxLjIyYS43NS43NSAwIDAgMC0xLjI2LjdMNi42OSA1LjI1SDQuMjA2Yy0xLjExNCAwLTEuNjcxIDEuMzQ2LS44ODQgMi4xMzRsMS45MTEgMS45MTFsLTMuNzIgNC4xMzVBMiAyIDAgMCAwIDEgMTQuNzY4VjE1aC4yMzNhMiAyIDAgMCAwIDEuMzM3LS41MTNsNC4xMzUtMy43MjFsMS45MTEgMS45MWMuNzg4Ljc4OCAyLjEzNC4yMyAyLjEzNC0uODgzVjkuMzFsMy4zMy0zLjMzYS43NS43NSAwIDAgMCAuNy0xLjI2MWwtLjYwMy0uNjA0bC0yLjI5My0yLjI5M3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==",
   "static/image/stamp/001.small.gif": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyOCAxMjgiPjxwYXRoIGZpbGw9IiNmY2MyMWIiIGQ9Im04MS40OSA3NS4zbDYuOTEgMjguMTVMNjQgODhsLTI0LjM5IDE1LjQ1bDYuOTItMjguMTVsLTIyLTE4LjI2bDI4LjY3LTIuM0w2NCAyOC4zNmwxMC44MSAyNi4zOGwyOC42NiAyLjN6Ii8+PHBhdGggZmlsbD0iI2Y3OTMyOSIgZD0iTTEyNy4xOSA0OS41MmEzLjI3IDMuMjcgMCAwIDAtMi44NC0yLjI3bC00MS42NC0zLjMyTDY3LjAzIDUuNjJBMy4yNyAzLjI3IDAgMCAwIDY0IDMuNmMtMS4zMiAwLTIuNTEuNzktMy4wMiAyLjAyTDQ1LjMgNDMuOTNMMy42NSA0Ny4yNUEzLjI5IDMuMjkgMCAwIDAgLjggNDkuNTJjLS4zOCAxLjI3LjAxIDIuNjUgMS4wMyAzLjVsMzEuOSAyNi40OWwtMTAuMDMgNDAuODVjLS4zMiAxLjI5LjE4IDIuNjUgMS4yNiAzLjQyYy41Ny40MiAxLjIzLjYyIDEuOS42MmMuNjEgMCAxLjIyLS4xNyAxLjc1LS41TDY0IDEwMS41bDM1LjM5IDIyLjM5YzEuMTMuNzIgMi41Ny42NyAzLjY1LS4xMWEzLjI0NSAzLjI0NSAwIDAgMCAxLjI2LTMuNDJMOTQuMjcgNzkuNTFsMzEuOS0yNi41YTMuMjMgMy4yMyAwIDAgMCAxLjAyLTMuNDlNODEuNDkgNzUuM2w2LjkyIDI4LjE1TDY0IDg4bC0yNC40IDE1LjQ0bDYuOTItMjguMTVsLTIyLTE4LjI2bDI4LjY3LTIuMjlMNjQgMjguMzZsMTAuODEgMjYuMzhsMjguNjYgMi4yOXoiLz48L3N2Zz4=",
   "static/image/common/digest_1.gif": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyOCAxMjgiPjxwYXRoIGZpbGw9IiNmY2MyMWIiIGQ9Im04MS40OSA3NS4zbDYuOTEgMjguMTVMNjQgODhsLTI0LjM5IDE1LjQ1bDYuOTItMjguMTVsLTIyLTE4LjI2bDI4LjY3LTIuM0w2NCAyOC4zNmwxMC44MSAyNi4zOGwyOC42NiAyLjN6Ii8+PHBhdGggZmlsbD0iI2Y3OTMyOSIgZD0iTTEyNy4xOSA0OS41MmEzLjI3IDMuMjcgMCAwIDAtMi44NC0yLjI3bC00MS42NC0zLjMyTDY3LjAzIDUuNjJBMy4yNyAzLjI3IDAgMCAwIDY0IDMuNmMtMS4zMiAwLTIuNTEuNzktMy4wMiAyLjAyTDQ1LjMgNDMuOTNMMy42NSA0Ny4yNUEzLjI5IDMuMjkgMCAwIDAgLjggNDkuNTJjLS4zOCAxLjI3LjAxIDIuNjUgMS4wMyAzLjVsMzEuOSAyNi40OWwtMTAuMDMgNDAuODVjLS4zMiAxLjI5LjE4IDIuNjUgMS4yNiAzLjQyYy41Ny40MiAxLjIzLjYyIDEuOS42MmMuNjEgMCAxLjIyLS4xNyAxLjc1LS41TDY0IDEwMS41bDM1LjM5IDIyLjM5YzEuMTMuNzIgMi41Ny42NyAzLjY1LS4xMWEzLjI0NSAzLjI0NSAwIDAgMCAxLjI2LTMuNDJMOTQuMjcgNzkuNTFsMzEuOS0yNi41YTMuMjMgMy4yMyAwIDAgMCAxLjAyLTMuNDlNODEuNDkgNzUuM2w2LjkyIDI4LjE1TDY0IDg4bC0yNC40IDE1LjQ0bDYuOTItMjguMTVsLTIyLTE4LjI2bDI4LjY3LTIuMjlMNjQgMjguMzZsMTAuODEgMjYuMzhsMjguNjYgMi4yOXoiLz48L3N2Zz4=",
  "static/image/common/systempm.png": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiCiAgIGhlaWdodD0iMjQiCiAgIHZpZXdCb3g9IjAgMCAyNCAyNCIKICAgd2lkdGg9IjI0IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxIgogICBzb2RpcG9kaTpkb2NuYW1lPSJtYXJrLWVtYWlsLXVucmVhZC1yb3VuZC0yNHB4LnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS40IChlN2MzZmViMSwgMjAyNC0xMC0wOSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcxIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgaW5rc2NhcGU6em9vbT0iNDAuNzE5MTU5IgogICAgIGlua3NjYXBlOmN4PSIxMi43OTQ5NiIKICAgICBpbmtzY2FwZTpjeT0iMTIuMDIxMzY4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTg0MCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMTg4IgogICAgIGlua3NjYXBlOndpbmRvdy14PSIzMDM0IgogICAgIGlua3NjYXBlOndpbmRvdy15PSIxMjMiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJnMSIgLz4KICA8ZwogICAgIGlkPSJnMSI+CiAgICA8cmVjdAogICAgICAgZmlsbD0ibm9uZSIKICAgICAgIGhlaWdodD0iMjQiCiAgICAgICB3aWR0aD0iMjQiCiAgICAgICB4PSIwIgogICAgICAgaWQ9InJlY3QxIiAvPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMTksMTAgYyAxLjEzLDAgMi4xNiwtMC4zOSAzLC0xLjAyIFYgMTggYyAwLDEuMSAtMC45LDIgLTIsMiBIIDQgQyAyLjksMjAgMiwxOS4xIDIsMTggViA2IEMgMiw0LjkgMi45LDQgNCw0IEggMTQuMSBDIDE0LjA0LDQuMzIgMTQsNC42NiAxNCw1IGMgMCwxLjQ4IDAuNjUsMi43OSAxLjY3LDMuNzEgTCAxMiwxMSA1LjMsNi44MSBDIDQuNzMsNi40NiA0LDYuODYgNCw3LjUzIDQsNy44MiA0LjE1LDguMDkgNC40LDguMjUgbCA3LjA3LDQuNDIgYyAwLjMyLDAuMiAwLjc0LDAuMiAxLjA2LDAgTCAxNy4zLDkuNjkgQyAxNy44NCw5Ljg4IDE4LjQsMTAgMTksMTAgWiBNIDE2LDUgYyAwLDEuNjYgMS4zNCwzIDMsMyAxLjY2LDAgMywtMS4zNCAzLC0zIDAsLTEuNjYgLTEuMzQsLTMgLTMsLTMgLTEuNjYsMCAtMywxLjM0IC0zLDMgeiIKICAgICAgIGlkPSJwYXRoMSIKICAgICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0ic2Nzc3Nzc3Njc2NjY3NjY2Njc3Nzc3NzIgogICAgICAgc3R5bGU9ImZpbGw6I2ZmY2MwMDtmaWxsLW9wYWNpdHk6MSIgLz4KICA8L2c+Cjwvc3ZnPgo=",
  "static/image/stamp/011.small.gif": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMzYgMzYiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzIiCiAgIHNvZGlwb2RpOmRvY25hbWU9IjIwMjUtMDQtMzAtMTIyNzQxLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS40IChlN2MzZmViMSwgMjAyNC0xMC0wOSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcyIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgaW5rc2NhcGU6em9vbT0iMzkuNTQwOTQxIgogICAgIGlua3NjYXBlOmN4PSI4LjU5ODY4MjYiCiAgICAgaW5rc2NhcGU6Y3k9IjExLjQ0MzgzNSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE3OTIiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTEyNCIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMjgxNiIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iOTUiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiAvPgogIDxwYXRoCiAgICAgZmlsbD0iI2UxMWQ0OCIKICAgICBkPSJtIDM1LjEwOTAwOSwyNi4wNjY1MzggLTMuOTIsLTcuMzcyODY5IDMuODgsLTcuMDcyMTYzIGMgMC40MDQ3MjksLTAuNzQwNDExIC0wLjA3MTY5LC0xLjY4OTI1NjcgLTAuODUsLTEuNjkyODYzOCBIIDUuMjM3MTk1NCBjIC00LjEzOTM5ODYsMCAtNC4yNzEzOTU4OCwyLjk2OTkxMjggLTQuMjc2MTIxODQsNC4yMDAwOTE4IGwgLTAuMDM3OTM1NCw5Ljg3NDY2MyBjIC0wLjAwNDcyNiwxLjIzMDE4IC0wLjAxNDQwNTksMy44MzExNTYgNC4wMTA1NzQzMSwzLjgyMDczOSBsIDI5LjMxNTI5NjUsLTAuMDc1ODcgYyAwLjc3NDg4MSwtMS41MWUtNCAxLjI1NTE4OSwtMC45MzkzOTIgMC44NiwtMS42ODE3MjcgbSAtMjMuNiwtMy42ODY0MzQgaCAtMS4xMiBMIDcuMTI5MDA4OSwxNy41NDY1MzEgdiA0Ljg0NDcxIGggLTEuMTMgdiAtNi44OTM5NjcgaCAxLjEzIGwgMy4yNzAwMDAxLDQuODQ0NzEgdiAtNC44NDQ3MSBoIDEuMTIgeiBtIDYuMzMsLTUuNzY5MTAzIGggLTMuNTMgdiAxLjY1OTQ1MiBoIDMuMiB2IDEuMTEzNzI3IGggLTMuMiB2IDEuNzkzMDk5IGggMy41MyB2IDEuMTEzNzI3IGggLTQuNjYgdiAtNi43OTM3MzIgaCA0LjY1IHogbSA4LjI5LDUuNzQ2ODI4IGggLTEuMTMgbCAtMS41NSwtNS4xMTIwMDQgLTEuNTUsNS4xMzQyNzkgaCAtMS4xMiBsIC0yLC02Ljg4MjgzIGggMS4yMiBsIDEuMzIsNC45MzM4MDkgMS41MiwtNC45MzM4MDkgaCAxLjIyIGwgMS40Niw0LjkzMzgwOSAxLjMzLC00LjkzMzgwOSBoIDEuMjMgeiIKICAgICBjbGFzcz0iY2xyLWktc29saWQgY2xyLWktc29saWQtcGF0aC0xIgogICAgIGlkPSJwYXRoMSIKICAgICBzdHlsZT0iZmlsbDojZmYwMDAwO3N0cm9rZS13aWR0aDoxLjA1NTMzIgogICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NjY3Nzc3NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjIiAvPgogIDxwYXRoCiAgICAgZmlsbD0ibm9uZSIKICAgICBkPSJNMCAwaDM2djM2SDB6IgogICAgIGlkPSJwYXRoMiIgLz4KPC9zdmc+Cg==",
};
// 使用全局变量跟踪样式是否已注入 - 确保只注入一次
let stylesInjected = false;

// 样式注入函数,确保样式只被注入一次
function injectStyles(styles, id) {
  try {
    // 全局检查样式是否已注入,无论通过什么方式
    if (stylesInjected) {
      console.log('色花堂美化: 样式已经注入过,跳过重复注入');
      return;
    }

    // 检查DOM中是否存在样式元素
    if (document.getElementById(id)) {
      console.log(`色花堂美化: 样式元素已存在 (${id})`);
      stylesInjected = true;
      return;
    }

    console.log('色花堂美化: 首次注入样式...');

    // 直接创建style元素注入(最可靠的方法)
    const styleEl = document.createElement("style");
    styleEl.id = id;
    styleEl.textContent = styles;
    styleEl.type = "text/css";

    // 插入样式到head或documentElement
    if (document.head) {
      document.head.appendChild(styleEl);
    } else if (document.documentElement) {
      // 如果head不存在,则先添加到html元素
      document.documentElement.appendChild(styleEl);

      // 设置观察器,一旦head存在就移动过去
      const docObserver = new MutationObserver(() => {
        if (document.head) {
          if (styleEl.parentNode !== document.head) {
            document.head.appendChild(styleEl);
          }
          docObserver.disconnect();
        }
      });
      docObserver.observe(document.documentElement, { childList: true });
    }

    // 标记样式已注入
    stylesInjected = true;
    console.log(`色花堂美化: 样式已成功注入 (${id})`);
  } catch (error) {
    console.error(`色花堂美化: 样式应用失败 (${id})`, error);
  }
}

// DOM 操作函数
function initializeDOMHandlers() {
  // 替换图片图标
  document.querySelectorAll("img").forEach(function (img) {
    for (const [key, newSrc] of Object.entries(imageMap)) {
      if (img.src.includes(key)) {
        img.src = newSrc;
        break;
      }
    }
  });

  // 移除悬浮属性
  const specialElement = document.getElementById("newspecialtmp");
  if (specialElement) {
    specialElement.removeAttribute("onmouseover");
  }

  // 自动收起分类
  setTimeout(() => {
    const foldButton = document.querySelector("#thread_types .fold");
    if (foldButton) {
      foldButton.click();
    }
  }, 0);
}

// 立即注入主样式,不等待DOM加载
injectStyles(customStyles, STYLE_ID);

// 设置DOM内容修改处理
if (document.readyState === "loading") {
  document.addEventListener("DOMContentLoaded", initializeDOMHandlers);
} else {
  initializeDOMHandlers();
}

// 页面完全加载后调用 - 移除样式检查,只保留DOM处理
window.addEventListener("load", () => {
  // 移除对样式注入的检查,只执行DOM操作
  if (!stylesInjected) {
    // 如果样式尚未注入(极端情况),这里补充注入一次
    console.log('色花堂美化: 页面加载完成发现样式未注入,补充注入...');
    injectStyles(customStyles, STYLE_ID);
  } else {
    console.log('色花堂美化: 页面加载完成,样式已存在,无需重复注入');
  }


  console.log('色花堂美化: DOM 处理完成');


  // 始终执行DOM处理
  initializeDOMHandlers();

  // ====== 主题切换按钮 ======
  // 检查当前是否在编辑器iframe内部
  const isInsideIframe = window.self !== window.top && window.location.href.includes('forum.php?mod=post');
  // 只在主页面上添加主题切换按钮,不在iframe内添加
  if (!isInsideIframe) {
    // 读取上次主题
    let lastTheme = null;
    if (typeof GM_getValue === 'function') {
      lastTheme = GM_getValue('sehuatang_theme', 'pink');
    } else {
      lastTheme = localStorage.getItem('sehuatang_theme') || 'pink';
    }

    // 创建主题切换容器
    const themeContainer = document.createElement('div');
    themeContainer.id = 'theme-switch-container-sehuatang';
    Object.assign(themeContainer.style, {
      position: 'fixed',
      right: '20px',
      bottom: '20px',
      zIndex: 9999,
      display: 'flex',
      flexDirection: 'column',
      alignItems: 'center',
      padding: '20px 10px',
      borderRadius: '16px',
      border: '1px solid rgba(255, 255, 255, 0.9)',
      boxShadow: '0 2px 20px rgba(0, 0, 0, 0.10), inset 0px 0px 40px 5px rgba(255, 255, 255, 0.8)',
      background: 'rgba(240, 242, 246, 0.65)',
      backdropFilter: 'blur(20px) saturate(180%)',
    });

    // 创建"主题"文字标签
    const themeLabel = document.createElement('div');
    themeLabel.innerText = '主题';
    Object.assign(themeLabel.style, {
      fontSize: '12px',
      color: 'var(--primary-font-color)',
      marginBottom: '5px',
      fontWeight: 'bold'
    });
    themeContainer.appendChild(themeLabel);

    // 创建圆点容器
    const dotsContainer = document.createElement('div');
    Object.assign(dotsContainer.style, {
      display: 'flex',
      flexDirection: 'column',
      gap: '10px'
    });
    themeContainer.appendChild(dotsContainer);

    // 创建默认主题圆点 (粉色)
    const defaultDot = document.createElement('div');
    defaultDot.className = 'theme-dot default-theme-dot';
    Object.assign(defaultDot.style, {
      width: '10px',
      height: '10px',
      borderRadius: '50%',
      background: '#E45E6B',
      cursor: 'pointer',
      border: '2px solid #fff',
      boxShadow: '0 1px 3px rgba(0,0,0,0.2)',
      transition: 'transform 0.2s, box-shadow 0.2s',
    });
    defaultDot.title = '粉色主题';

    // 创建绿色主题圆点
    const greenDot = document.createElement('div');
    greenDot.className = 'theme-dot green-theme-dot';
    Object.assign(greenDot.style, {
      width: '10px',
      height: '10px',
      borderRadius: '50%',
      background: '#628889',
      cursor: 'pointer',
      border: '2px solid #fff',
      boxShadow: '0 1px 3px rgba(0,0,0,0.2)',
      transition: 'transform 0.2s, box-shadow 0.2s',
    });
    greenDot.title = '绿色主题';

    // 高亮当前选中的主题
    if (document.documentElement.classList.contains('theme-green')) {
      Object.assign(greenDot.style, {
        transform: 'scale(1.2)',
        boxShadow: '0 1px 5px rgba(0,0,0,0.2)'
      });
    } else {
      Object.assign(defaultDot.style, {
        transform: 'scale(1.2)',
        boxShadow: '0 1px 5px rgba(0,0,0,0.2)'
      });
    }

    // 点击粉色圆点切换主题
    defaultDot.onclick = function() {
      document.documentElement.classList.add('theme-pink');
      document.documentElement.classList.remove('theme-green');
      if (typeof GM_setValue === 'function') {
        GM_setValue('sehuatang_theme', 'pink');
      } else {
        localStorage.setItem('sehuatang_theme', 'pink');
      }

      // 高亮粉色圆点
      Object.assign(defaultDot.style, {
        transform: 'scale(1.2)',
        boxShadow: '0 1px 5px rgba(0,0,0,0.2)'
      });
      Object.assign(greenDot.style, {
        transform: 'scale(1)',
        boxShadow: '0 1px 3px rgba(0,0,0,0.2)'
      });
    };

    // 点击绿色圆点切换主题
    greenDot.onclick = function() {
      document.documentElement.classList.remove('theme-pink');
      document.documentElement.classList.add('theme-green');
      if (typeof GM_setValue === 'function') {
        GM_setValue('sehuatang_theme', 'green');
      } else {
        localStorage.setItem('sehuatang_theme', 'green');
      }

      // 高亮绿色圆点
      Object.assign(greenDot.style, {
        transform: 'scale(1.2)',
        boxShadow: '0 1px 5px rgba(0,0,0,0.2)'
      });
      Object.assign(defaultDot.style, {
        transform: 'scale(1)',
        boxShadow: '0 1px 3px rgba(0,0,0,0.2)'
      });
    };

    // 添加圆点到容器
    dotsContainer.appendChild(defaultDot);
    dotsContainer.appendChild(greenDot);

    // 添加容器到页面
    document.body.appendChild(themeContainer);
  }
  // ====== 主题切换按钮 END ======

  // 显示页面
  document.documentElement.classList.add('sht-script-ready');
  console.log('色花堂美化: Page revealed.');
});

  // --- MutationObserver to enable dragging for dynamic popups ---
  function initDragObserver() {
    const targetNode = document.body;
    if (!targetNode) {
        // console.warn('色花堂美化: Body not ready for observer, will retry.');
        // Use ready function to ensure body exists
        ready(initDragObserver);
        return;
    }

    const config = { childList: true };

    const callback = function(mutationsList, observer) {
        for(const mutation of mutationsList) {
            if (mutation.type === 'childList') {
                mutation.addedNodes.forEach(node => {
                    // Check if the added node itself matches or contains the target
                    if (node.nodeType === Node.ELEMENT_NODE) {
                        if (node.matches('#fwin_dialog, #e_image_menu, #e_attach_menu, .fwinmask')) {
                            enableDrag(node);
                        } else {
                            // Also check descendants in case the popup is wrapped
                            const popup = node.querySelector('#fwin_dialog, #e_image_menu, #e_attach_menu, .fwinmask');
                            if (popup) {
                                enableDrag(popup);
                            }
                        }
                    }
                });
            }
        }
    };

    const observer = new MutationObserver(callback);
    observer.observe(targetNode, config);
    // console.log('色花堂美化: Drag observer started.');

    // Also check for already existing popups when the script runs
    document.querySelectorAll('#fwin_dialog, #e_image_menu, #e_attach_menu, .fwinmask').forEach(enableDrag);
  }

  // Initialize the observer after the main DOM is likely ready
  ready(initDragObserver);
  // --- End of MutationObserver setup ---

})(); // 补全主 IIFE 的闭合