@charset "utf-8";

/* ===================================================================================================================
	01. 基本設定
=================================================================================================================== */
.row1, tr.row .row1 {
	padding:5px;
	margin:0;
	border:0;
	outline:solid 1px #86cef9;
	background:#cceaff;
}

.row2, tr.row .row2 {
	padding:5px;
	margin:0;
	border:0;
	outline:solid 1px #86cef9;
	background:#e1f2ff;
	background:linear-gradient(#e1f2ff, #e9f3fe, #f7fbff);
}

.cat { min-height:35px; padding:5px 3px; margin:-1px 0; outline:solid 1px #86cef9; background:#abe4ff; }

table .row1, table .row2, table .cat, .d-table .row1, .d-table .row2, .d-table .cat { outline:0; border:solid 1px #86cef9; }
.row.row1, .row.row2 { margin:1px 0; }

th { color:#444; font-size:1em; background:#abe4ff; white-space:nowrap; padding:5px; text-align:center; border:solid 1px #86cef9; }
th a, th a:visited { color:#33a !important; text-decoration:underline; }
th a:hover { color:#f5f5f5; }
tr.row th { border:0; outline:solid 1px #86cef9; }

td { padding:2px; }
td.profile { padding:4px; }

p.datetime { margin:0; padding:0; float:right; white-space:nowrap; font-size:1em; }

/* Index/viewforum */
.subforum.read { padding-left:12px; }
.subforum.unread { padding-left:12px; }


/* Post */
a.postreported { color:#c00; font-weight:bold; }
a.postapprove { color:#f07800; font-weight:bold; }

.postbody ol, .postbody ul { margin:0 0 0 3.5em; }
.postbody li { list-style:inherit; }
.faq-box .postbody > ol, .faq-box .postbody > ul { margin:0 0 0 1.5em; }

.postbody a { text-decoration:underline; }



/* Form Elements------------ */

.post { border-style:solid; border-width:1px; }

p.forumdesc { padding-bottom:4px; }

.message-box { margin-bottom:10px; }


.error-box { padding:1rem; position:relative; font-weight:bold; font-size:1.05rem !important; text-align:center; color:#d00; background:#f9d7da; border:1px solid #f9d7da; border-radius:25px 0px 25px 0px; }

.faq-box ul li kbd { font-size:0.95em !important; padding:0.05rem 0.4rem 0.1rem 0.4rem; }
.faq-box kbd > span { color:#d0ffff; }
.faq-box kbd > span span { color:#f6e; }

.code-box { padding:5px; border:solid 1px #ccc; border-radius:5px; background:#f7feff; }

.code-box > span { color:#00f; }

.code-box > span span { color:#f00; }
/* ===================================================================================================================
	按鈕
=================================================================================================================== */
.btnmain,
.btndel,
.btnreset,
.btncancel,
.btnlite,
.helpline,
a.btnmain,
a.btndel,
a.btnreset,
a.btncancel,
a.btnlite,
a.helpline { display:inline-block; color:#fff; border:0; border-radius:5px; text-shadow:1px 1px 3px #000; white-space:nowrap; }

.btnmain,   a.btnmain    { background:#1c5182; font-size:18px; cursor:pointer; padding:3px 8px; }
.btndel,    a.btndel     { background:#a40909; font-size:18px; cursor:pointer; padding:3px 8px; }
.btnreset,  a.btnreset   { background:#836841; font-size:18px; cursor:pointer; padding:3px 8px; }
.btncancel, a.btncancel  { background:#666666; font-size:18px; cursor:pointer; padding:3px 8px; }
.btnlite,   a.btnlite    { background:#1c5182; font-size:17px; cursor:pointer; padding:2px 8px; }

input.btnlite { padding-top:1px; padding-bottom:1px; }

.text-center .btnmain,   .text-center a.btnmain,
.text-center .btndel,    .text-center a.btndel,
.text-center .btnreset,  .text-center a.btnreset,
.text-center .btncancel, .text-center a.btncancel,
.text-center .btnlite,   .text-center a.btnlite { margin:3px; }

.helpline { background:transparent; color:#66a; border-style:none; }


.btnmain:hover, .btndel:hover, .btnreset:hover, .btncancel:hover, .btnlite:hover { color:#ff0; }
.btnmain:focus, .btndel:focus, .btnreset:focus, .btncancel:focus, .btnlite:focus { color:#fff; background:#090; }

.icon-in   { position:relative; left:30px; font-size:17px; color:#fff; } /*垃圾桶*/



/* ===================================================================================================================
	論壇首頁
=================================================================================================================== */
.forum_area { border-bottom:solid 3px #1c5182; text-align:center; }
.forum_area a { padding:8px 20px; background:#1c5182; font-weight:bold; color:#fff; line-height:1.7; border-radius:5px 5px 0 0; }

.features { margin-bottom:20px; }
.features li { padding:15px 10px; margin-bottom:15px; min-height:85px; cursor:pointer; box-shadow:0px 3px 6px 0px rgba(200, 200, 200, 0.15); background:#d5f4f9; border:solid 1px #99e3f0; border-radius:15px 0 15px 0; transition:all 0.1s ease-in-out; }
.features li:hover { transform:scale(1.03); }

.features li i.forum-icon { width:30px; height:30px; line-height:30px; border-radius:50%; font-size:18px; background:#2283e3; position:absolute; text-align:center; z-index:3; transition:.4s; padding:0; }

.features li i.forum-icon:hover, .features-left li i.forum-icon:hover { background:#186cc0; }

.features li i img { width:18px; height:20px; vertical-align:text-top; }

.forumlink { color:#556; }
.fr-inner { margin-left:40px; }
.forum_name { color:#16b; font-size:20px; font-weight:bold; }
.forumdesc { margin-top:0.025em; color:#556; font-size:0.9em; line-height:1.3;  }

.online_total { padding-bottom:15px; line-height:1.5; }
.forum_total span { display:inline-block; margin-right:20px; }
.online_total span { display:inline-block; margin-right:10px; }
.forum_total span:last-child, .online_total span:last-child { margin-right:0; }
.forum_total span strong, .online_total span strong { font-weight:bold; color:#c30; }



/* ===================================================================================================================
	檢視論壇頁
=================================================================================================================== */

.topic_img { position:relative; }

@media only screen and (max-width:576px) { .topic_img { margin-bottom:10px; } }

.topic_img img { width:100%; padding:2px; border:1px solid #ccc; background:#fff; }

a.topictitle { color:#c00; font-weight:bold; }

.text-box { line-height:1.5; }

.text-box .topic_text {
	width:100%;
	margin-bottom:10px;
	color:#666;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
	white-space:normal;
}
@media only screen and (max-width:1240px) { .text-box .topic_text { -webkit-line-clamp:4; } }
@media only screen and (max-width:1150px) { .text-box .topic_text { -webkit-line-clamp:3; } }
@media only screen and (max-width:992px)  { .text-box .topic_text { -webkit-line-clamp:2; } }

.time { font-size:0.95rem; margin-bottom: 0.5rem; }
.text-box a.btn-light { font-size:1.05rem; }



/* ===================================================================================================================
	檢視文章頁
=================================================================================================================== */
.postbody { font-size:1.05rem; word-wrap:break-word; word-break:break-all; }

.upload_icon img { border:0; padding:0; border-radius:0; }




/* ===================================================================================================================
	會員列表頁
=================================================================================================================== */
.profile-icons li { display:inline-block; padding:3px; margin:2px !important; background:#fff; line-height:10px; border:solid 1px #ccc; border-radius:3px; }

.profile-icons i { font-size:16px; line-height:1; }

/* ===================================================================================================================
	會員控制台
=================================================================================================================== */
.ucp-menu { display:flex; flex-wrap:wrap; text-align:center; margin:40px 0; }

.ucp-menu > li { width:calc(100% / 5); padding:0 5px; text-align:center; }

.ucp-menu li a img { /*display:block;*/ margin:0 auto 5px auto; max-width:60%; }

.ucp-aside .block-item-box { background:#fff; border:solid 1px #ddd; }

@media only screen and (max-width:768px) {
	.ucp-menu { margin:20px 0; }
	.ucp-menu li a div { /*display:none;*/ font-size:0.75em !important; line-height:1.3; }
}

@media only screen and (max-width:576px) { .ucp-aside { margin-bottom:25px; } }

.ucp .topiclist { padding:0; margin: 0; }

.ucp dt { font-weight:bold; }
.ucp ul.topics li { padding: 12px 0; }
.ucp .topiclist dt { position:absolute; top:-3px; }

.ucp a.forumname { color:#693c2e; font-weight:bold; }
.ucp a.forumname:hover { color:#c00; }

.ucp a.topictitle { font-size:1.1em; color:#055c9c; }
.ucp a.topictitle:hover { color:#c00; }

.ucp .announce1 a.topictitle, .ucp .announce2 a.topictitle { color:#bb112e; }

.ucp a.announce { font-size:1.1em; color:#c00; font-weight:bold; }

/*.ucp .topic_img img { width:auto; max-width:90%; }*/

.ucp-nav { display:block; }

.ucp-nav li { margin-bottom:5px; }

.ucp-nav li.ucp-nav-in { padding:8px; font-size:1.1em; font-weight:bold; background:#f7f7f7; }

span.pm_marked_colour::before,
span.pm_replied_colour::before,
span.pm_friend_colour::before,
span.pm_foe_colour::before { width:15px; height:15px; display:inline-block; position:relative; content:''; top:2px; }

span.pm_marked_colour::before  { background:#ffeedd; border:solid 2px #e50; }
span.pm_replied_colour::before { background:#e2f1f8; border:solid 2px #568; }
span.pm_friend_colour::before  { background:#ebfbea; border:solid 2px #070; }
span.pm_foe_colour::before     { background:#dddddd; border:solid 2px #000; }

span.pm_marked_colour  { color:#e50 !important; }
span.pm_replied_colour { color:#56c !important; }
span.pm_friend_colour  { color:#070 !important; }
span.pm_foe_colour     { color:#333 !important; }

li.pm_marked_colour  { background:#ffeedd; border:solid 1px #f4bf9b; margin-bottom:2px; }
li.pm_replied_colour { background:#e2f1f8; border:solid 1px #98bbe2; margin-bottom:2px; }
li.pm_friend_colour  { background:#ebfbea; border:solid 1px #98d69c; margin-bottom:2px; }
li.pm_foe_colour     { background:#dddddd; border:solid 1px #aaa; margin-bottom:2px; }


ul.topics li { padding:12px 0; }

.topiclist { /*padding:10px 0; margin:0;*/ }

.topiclist dt { position:absolute; top:-3px; }
.topiclist dd { margin-left:25px; margin-bottom:0; }
/*.topiclist dd .row { padding-top:5px; }*/

.topiclist .bg1 { background:#f0f6fc; border:solid 1px #eee; margin-bottom:2px; }
.topiclist .bg2 { background:#fcfcfc; border:solid 1px #eee; margin-bottom:2px; }

.bg1.announce, .bg1.global-announce { background:#ffe5e5; border:solid 1px #ffcaca; margin-bottom:2px; }
.bg2.announce, .bg2.global-announce { background:#ffe6fb; border:solid 1px #ffcaca; margin-bottom:2px; }

.announce a.topictitle, .global-announce a.topictitle { color:#bb112e; }


.bg1 { background:#f0f6fc; border:solid 1px #eee; padding:10px; margin:-1px 0; }
.bg2 { background:#fcfcfc; border:solid 1px #eee; padding:10px; margin:-1px 0; }
.bg1:hover, .bg2:hover { background:#faf9d8; }

.del-box { position:absolute; top:40%; right:20px; }

.topiclist .announce1 { background:#ffe5e5; border:solid 1px #ffcaca; margin-bottom:2px; }
.topiclist .announce2 { background:#ffe6fb; border:solid 1px #ffcaca; margin-bottom:2px; }

.ucp textarea.posting-textarea { width:100%; max-width:100%; }

.ucp .avatar-box img { max-width:100%; height:auto; }

.zebra { height:8em; }
.zebra option { margin:3px 0; padding:3px; }
/* ===================================================================================================================
	版主控制台
=================================================================================================================== */
.mcp-menu { display:flex; flex-wrap:wrap; text-align:center; margin:40px 0; }

.mcp-menu > li { padding:0; text-align:center; }

/*.mcp-menu li a { display:block; }*/

.mcp-menu li a img { /*display:block;*/ margin:0 auto 5px auto; max-width:60%; }

@media only screen and (max-width:768px) {
	.mcp-menu { margin:20px 0; }
	.mcp-menu li a div { /*display:none;*/ font-size:0.75em !important; line-height:1.3; }
}

.mcp dt { font-weight:bold; }

.mcp a.forumname { color:#693c2e; font-weight:bold; }
.mcp a.forumname:hover { color:#c00; font-weight:bold; }

.mcp a.topictitle { font-size:1.1em; color:#055c9c; }
.mcp a.topictitle:hover { color:#c00; }

.mcp a.announce { color:#c00; font-weight:bold; }

.mcp .topic_img img { width:auto; max-width:90%; }

.mcp-nav { display:block; }

.mcp-nav li { margin-bottom:5px; }

.mcp-nav li.mcp-nav-in { padding:8px; font-size:1.1em; font-weight:bold; background:#f7f7f7; }


.topic-block.row1, .topic-block.row2 { border-radius:5px; margin:10px 0; padding:10px; }

.topic-block.row1 { background:#e6f8ff; border:solid 1px #a2e3ff; }

.topic-block.row2 { background:#fffbe8; border:solid 1px #ffe373; }

dl.postprofile { overflow:hidden; margin-bottom:5px; }
.topic-block.row1 dl.postprofile { border-bottom:solid 1px #bbe8f7; }
.topic-block.row2 dl.postprofile { border-bottom:solid 1px #f8eaba; }

dl.postprofile dt, dl.postprofile dd { display:inline-block; float:left; }

dl.postprofile dt.avatar-block { width:10%; min-width:50px; margin-right:10px; }

dl.postprofile dd { margin-right:10px; }

dl.postprofile dt img { max-width:100%; }

.postprofile-data { font-size:0.9em; }