* { cursor:url(https://78.media.tumblr.com/66991e3a24432876aa22db906d5071de/tumblr_pe9t1ipv6S1qg2f5co6_r1_75sq.png), auto;}

body {background-image: url('https://i.imgur.com/58tTjJc.png'); background-repeat: repeat;}

body, html, tr, td, select, input, div, class, span{
color: #fff !important;
font-size: 11px !important;
font-family: 'Karla', 微軟正黑體;
word-break: break-all;
letter-spacing: 1px;
}

input, textarea, select {color: #fff !important; border: 1px solid #f7f7f7; background-color: #ffffff73; }


a { color: #fff; transition-duration: 0.4s; text-decoration:none; }
a:hover { color: #dfefff; transition-duration: 0.4s; text-decoration:none;}

::selection {background-color: #dfefff; color: #fff; }

::-webkit-scrollbar{display:none;}
::-webkit-scrollbar-thumb {display:none; }
::-webkit-scrollbar-track {display:none;}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, {display:none;}

hr { display: none; }

table img {max-width: 250px!important;max-height: 150px!important;}


#msg {
  background: #ffffffa1;  
  width:500px; 
  height:600px; 
  top:50px; 
  right:250px; 
  overflow:auto; 
  position:absolute;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #ccc;
}


/* 1. 替換訪客回應按鈕 */
a[href*="aft=re"] img[src*="re.gif"] {
  display: none;              /* 隱藏原本圖片 */
}
a[href*="aft=re"]::after {
  content: "訪客回應";
  display: inline-block;
  color: #999;                /* 字色 */
  background-color: #f4f4f4;  /* 背景色 */
  padding: 5px 5px;           /* 上下+左右內距 */
  border-radius: 5px;         /* 圓角度 */
  font-family: Verdana;       /* 字型 */
  margin:0px 6px;             /* 上下+左右外距 */
  margin-bottom:15px;         /* 加強下方間距 */
}

/* 2. 替換觀看密語按鈕 */
a[href^="javascript:look"] img[src*="look.gif"] {
  display: none;
}
a[href^="javascript:look"]::after {
  content: "觀看密語";
  display: inline-block;
  color: #999;
  background-color: #f4f4f4;
  padding: 5px;
  border-radius: 5px;
  text-decoration: none;      /* 取消連結下劃線 */
  font-family: Verdana;
  margin:0px 6px;
  margin-bottom:15px;
}

/* 3. 替換回留言板按鈕 */
a[href="/book.php?A=留言板帳號"] img[src*="back.gif"] {
  display: none;
}
a[href="/book.php?A=留言板帳號"]::after {
  content: "回留言板";
  display: inline-block;
  color: #999;
  background-color: #f4f4f4;
  padding: 5px;
  border-radius: 5px;
  font-family: Verdana;
  margin:0px 6px;
  margin-bottom:15px;
}

/* 日期時間  */
td[colspan="3"][align="right"],
div[align="right"] {
  padding-top:15px;       /* 與上方留言距離 */
  padding-right: 15px;    /* 與右邊框距 */
  padding-bottom:10px;    /* 與下方距離 */
}

/* 頁數邊框色 */
table[bgcolor="000000"] {
  background-color: #fff !important;
  border-radius: 25px;    /* 圓角度 */
}

/* 頁數字型大小 */
table[bgcolor="000000"] th {
  background-color: #ccc;  /* 頁數背景色 */
  border-radius: 25px;
  font-size: 7pt;
  font-family: Calibri;
}

/* 游標移入頁數背景色 */
table[bgcolor="000000"] th[bgcolor="e2e8f3"]:hover {
  background-color: #fff !important;
}

/* 首篇留言 */
td[height="50"][valign="top"] {
  padding-top:15px;     /* 與上方暱稱距離 */
  padding-right: 30px; /* 與右邊框間距 */
}
/* 回應留言區塊 */
td[colspan="3"][height="20"] {
  padding-top:10px;      /* 與上方暱稱距離 */
  padding-right: 30px;   /* 與右邊框間距 */
}

/* 縮減左側寬度  */
td[rowspan="2"][width="80"][height="80"][align="center"][valign="bottom"] {
  width: 50px !important;  /* 改成你要的寬度 */
}


/*  簽寫留言內背景色 */
table[border="0"][cellspacing="0"][cellpadding="1"][bgcolor="f9f9f9"] {
   background-color: #ffffffa1;
}

/* 針對特定欄位隱藏 */
table[border="0"][cellspacing="0"][cellpadding="1"][bgcolor="f9f9f9"] td:has(select[name="sex"]),
table[border="0"][cellspacing="0"][cellpadding="1"][bgcolor="f9f9f9"] tr:has(input[name="user"]),
table[border="0"][cellspacing="0"][cellpadding="1"][bgcolor="f9f9f9"] tr:has(select[name="color"]),
table[border="0"][cellspacing="0"][cellpadding="1"][bgcolor="f9f9f9"] tr:has(input[name="yahoo"]),
table[border="0"][cellspacing="0"][cellpadding="1"][bgcolor="f9f9f9"] tr:has(input[name="icq"]),
table[border="0"][cellspacing="0"][cellpadding="1"][bgcolor="f9f9f9"] td:has(select[name="pic"]) {
  display: none !important;
}

/* 隱藏表情預覽 */
td[colspan="3"][align="center"][valign="bottom"][height="50"] {
  display: none;
}



/***********SIDEBAR**********/
#sidebar {
width: 250px;
left: 200px;
top: 120px;
position:fixed;
}

.sbimg {
width: 250px; 
height:150px;
max-height: 50%; 
position: relative;
border-radius: 10px;
box-shadow: 0px 0px 10px #ccc;
}

.logoimg {-webkit-filter:saturate(1.5);}


.infoo {
color: #fff !important;
left: 200px; top: 120px;
width: 230px; height:130px;
position: fixed;
padding: 10px;
text-align: left;
overflow: scroll;
background-color: #aaaaaaa1;
border-radius: 10px;
transition-duration:0.4s;
opacity: 0;
}

.infoo:hover {
transition-duration:0.4s;
opacity: 1;
}

.infoo::-webkit-scrollbar, .infoo::-webkit-scrollbar-thumb, .infoo::-webkit-scrollbar-track { display: none; }

/***********navi**********/

#sbn { margin-top:20px; text-align: left; }
#sbn a { margin-bottom:5px; display:block; }

#sbn a:before {
content: '';
background: #ccc; 
width: 50px;
height: 1px;
margin-right: 5px;
display:inline-block;
position: relative;
transition-duration:0.4s;
}


#sbn a:hover::before {width: 100px; background: #dfefff; }

/***********BOX**********/

#linkbox, #rescbox {
width: 250px; 
height: 62px;
overflow: scroll;
text-align:left;
}