@charset "utf-8";


.forum-main {  }

.gen      { font-size:1.05rem; }
.genmed   { font-size:1.1rem; font-weight:bold; }
.gensmall { font-size:0.95rem; }

.error { color:#dc1005; font-weight:bold; font-size:1.05em; }

.username-coloured { font-weight:bold; } /*會員帳號*/

.notice { padding:10px; margin-top:10px; display:inline-block; font-size:0.95rem; color:#666; border:dotted 1px #ccc; border-radius:0.5em; } /*編輯訊息*/

.signature { padding-top:10px; margin-top:10px; display:inline-block; font-size:0.95em; color:#333; border-top:dotted 1px #34bff3; } /*簽名檔*/

.online-box, .offline-box { display:inline-block; width:0.8em; height:0.8em; border:solid 2px #fff; border-radius:0.4em; box-shadow: 0 0 2px #555; }
.online-box  { background:#0c0; }
.offline-box { background:#ddd; }


/*論壇代碼盒*/
dl.codebox {
    width:100%;
    display:flex;
	position:relative;
    margin-top:8px;
	background:#fbfaf9;
	color:#fff;
    border:1px solid #ddd;
    border-radius:5px;
}

dl.codebox dt {
    width:30px;
	padding:5px;
	font-weight:400;
    background:#073246;
	border:1px solid #073246;
    border-radius:3px 0 0 3px;
}


dl.codebox dd {
    width:100%;
	padding:5px;
	margin:1px;
	text-align:left;
	color:#0b5690;
    border-radius:0 3px 3px 0;
	max-height:300px;
    overflow:auto;
}

dl.codebox dd::-webkit-scrollbar-track { background:#d4e3eb; }
dl.codebox dd::-webkit-scrollbar       { width:0.5em; }
dl.codebox dd::-webkit-scrollbar-thumb { background:#6ba0c8; border-radius:0.5em; }

dl.codebox dd a {
	display:none;
	padding:0 5px;
	position:absolute;
	top:5px;
	right:10px;
    background:#fff;
    border:1px solid #ccc;
    border-radius:5px;
}

dl.codebox dd:hover a { display:block; }

dl.codebox code {
	padding:0;
	color:#004276;
}

.syntaxbg		{ color:#ccc; }
.syntaxcomment	{ color:#f80; }
.syntaxdefault	{ color:#00f; }
.syntaxhtml		{ color:#000; }
.syntaxkeyword	{ color:#080; }
.syntaxstring	{ color:#f0f; }


/*論壇引言盒*/
blockquote, q {
	color:#333;
	margin:0.8em;
	margin-left:0.5em;
	margin-right:0.5em;
	padding:10px;
	quotes:"\201C""\201D""\2018""\2019";
	background:#fcfcfc;
	border:1px solid #ccc;
	border-left:8px solid #ccc;
	border-radius:5px;
}

q:before, blockquote:before, q:after, blockquote:after { font-size:2.5em; color:#ccc; line-height:.01em; vertical-align:-0.5rem; }
q:before, blockquote:before { content:open-quote; top:0; float:left; position:relative; margin-left:-0.5rem; }
q:after, blockquote:after { float:right; position:relative; content:close-quote; bottom:-1.3rem; margin-right:-0.5rem; }
blockquote div { font-size:0.95em; }


/*回覆-主題瀏覽盒(自定義滾動條)*/
.review-box { overflow-x:hidden; }
.review-box::-webkit-scrollbar-track { background:#eee; }
.review-box::-webkit-scrollbar       { width:0.5em; }
.review-box::-webkit-scrollbar-thumb { background:#aaa; border-radius:0.5em; }

/*回覆-主題瀏覽盒(自定義滾動條)*/
.posting-textarea::-webkit-scrollbar-track { background:#d6e7ff; }
.posting-textarea::-webkit-scrollbar       { width:0.5em; }
.posting-textarea::-webkit-scrollbar-thumb { background:#aeddfd; border-radius:0.5em; }



.attach-sw, .poll-sw { cursor: pointer; }

.topiclist .page-box a { padding:1px; margin:0 2px; min-width:25px; font-size:0.95em; }


.icon_topic_newest::before,
.icon_topic_latest::before,
.topic_read::before,
.topic_unread::before,
.topic_read_hot::before,
.topic_unread_hot::before,
.topic_read_locked::before,
.topic_unread_locked::before,
.sticky_read::before,
.sticky_unread::before,
.announce_read::before,
.announce_unread::before,
.topic_moved::before,
.icon_topic_reported::before,
.icon_topic_unapproved::before,
.icon_post_target::before,
.icon_topic_attach::before,
.icon_heart {
  font-family: "FontAwesome";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-size:0.85em;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
 }

.icon_heart::before               { content: "\f004"; } /*心形*/
.fa-forum_read::before            { content: "\f0eb"; color:#99c6f2; text-shadow:1px 2px 4px #333; }  /*沒有未閱讀文章*/
.fa-forum_unread::before          { content: "\f0eb"; color:#ff0;    text-shadow:1px 2px 4px #333; }  /*有未閱讀文章*/
.fa-forum_read_locked::before     { content: "\f0eb"; color:#99c6f2; text-shadow:1px 2px 4px #333; }  /*沒有未閱讀文章*/
.fa-forum_unread_locked::before   { content: "\f0eb"; color:#ff0;    text-shadow:1px 2px 4px #333; }  /*有未閱讀文章*/
.fa-forum_read_subforum::before   { content: "\f0eb"; color:#99c6f2; text-shadow:1px 2px 4px #333; }  /*沒有未閱讀文章*/
.fa-forum_unread_subforum::before { content: "\f0eb"; color:#ff0;    text-shadow:1px 2px 4px #333; }  /*有未閱讀文章*/

.fa-pm_read::before        { content: "\f0eb"; color:#ddd; }  /*沒有未閱讀私訊*/
.fa-pm_unread::before      { content: "\f0eb"; color:#ff0; }  /*有未閱讀私訊*/
.fa-pm_read, .fa-pm_unread {
	font-size:0.85em;
	vertical-align:-0.25em;
	width:20px;
	height:20px;
	line-height:20px;
	background:#666;
	border-radius:50%;
	text-align:center;
}

.icon_topic_newest::before     { color:#01a30d; content: "\f18e"; font-size:0.625em; line-height:0.1em; vertical-align:0.225em; margin-right:-3px; } /*檢視第一篇未讀文章*/
.icon_topic_latest::before     { color:#1a90a2; content: "\f2f6"; font-size:0.625em; line-height:0.1em; vertical-align:0.07em; } /*檢視最後發表*/
.topic_read::before            { color:#6c768f; } /*沒有未閱讀文章*/
.topic_unread::before          { color:#6c768f; } /*未閱讀文章*/
.topic_read_hot::before        { color:#6c768f; } /*無未閱讀文章【熱門的】*/
.topic_unread_hot::before      { color:#6c768f; } /*有未閱讀文章【熱門的】*/
.topic_read_locked::before     { color:#6c768f; } /*無未閱讀文章【鎖定的】*/
.topic_unread_locked::before   { color:#6c768f; } /*有未閱讀文章【鎖定的】*/
.sticky_read::before           { color:#6c768f; } /*有未閱讀置頂*/
.sticky_unread::before         { color:#6c768f; } /*無未閱讀置頂*/
.announce_read::before         { color:#6c768f; } /*有未閱讀公告*/
.announce_unread::before       { color:#6c768f; } /*無未閱公告*/
.topic_moved::before           { color:#6c768f; } /*移動主題*/
.icon_topic_reported::before   { color:#cc0000; content: "\f071"; font-size:0.75em; line-height:0.08333em; vertical-align:0.125em; } /*這個主題已被檢舉*/
.icon_topic_unapproved::before { color:#f07800; content: "\f059"; font-size:0.75em; line-height:0.08333em; vertical-align:0.125em; } /*這個主題尚未被核准*/
.icon_post_target::before      { color:#6c768f; } /*前往頁數*/
.icon_topic_attach::before     { color:#6c768f; content:"\f0c6"; } /*附加檔案*/



/*訪客發文 問答欄位調整*/
.posting.row-fluid > div { position:relative; }
.posting.row-fluid .fa-lg { position:absolute; top:18px; }



/*版面規則盒*/
.forumrules {
	font-weight:bold;
	padding:15px;
	font-size:1.1em;
	background:#feecec;
	border:solid 1px #f5d2d2;
	border-radius:10px;
}
.forumrules h4 { color:#a00; }



.posthilit { background-color:#fe2; color:#000; padding:2px; } /*查詢後高亮度凸顯關鍵字*/

.sep { color:#557; } /*表單欄位下附註*/


.postbody img { max-width:100%; }



/*附加檔案盒*/
.attachbox { margin-top:1.5rem; }
.attachment { display:inline-block; margin-top:0.25rem; margin-bottom:0.25rem; text-align:center; }
.attachbox img, .attachment img { border:solid 1px #aaa; padding:3px; border-radius:3px; }