/* Layout------------ */
* { margin:0; padding:0; }

html { font-size:100%; }

body { width:100%; margin:0; padding:0; font:16px 'Noto Serif TC', 'Noto Sans TC', 'Microsoft JhengHei', sans-serif; letter-spacing:0.02em; color:#333; }

img { border:none; }

.gen { margin:1px 1px; font-size:1em; }

.genmed { margin:1px 1px; font-size:1em; }

.gensmall { margin:1px 1px; font-size:0.85em; }

.titles { font-family:"Microsoft JhengHei", "Lucida Grande", Helvetica, Arial, sans-serif; font-weight:bold; font-size:21px; text-decoration:none; }

.online { color:green; }

.offline, .error, table td .error, .inactive { color:#DC1005; font-size:16px; font-weight:bold; line-height:180%; letter-spacing:1px; }



.spacer { color:#fff; background:#ffe0bd; border:solid 1px #f7c8a8; padding:1px; }

.current { background-color:lightblue; }

hr  { height:0px; border:solid #CAD1D8 0px; border-top-width:1px;}

.pagination { padding:4px; font-size:1em; font-weight:bold; }


.rtl a { direction:rtl; unicode-bidi:embed; }

a.forumlink { font-weight:bold; }

a.topictitle { margin:1px 0px; font-size:19px; font-family:"Microsoft JhengHei"; }

a.topictitle:link, a.topictitle:visited, a.topictitle:active, .postbody a, .postbody a:visited { color:#c00; font-weight:bold; }

a.topictitle:visited:hover, .postbody a:visited:hover, a.topictitle:hover, .postbody a:hover { color:#f00; font-weight:bold; }

#logo-registered { float:right; padding:15px 10px 5px; color:#666; font-size:13px; text-align:right; }

#logo-login { float:right; padding:15px 10px 5px; color:#666; font-size:13px; text-align:right; }
#logo-login input.post { margin-bottom:3px; }

#logo-clear { clear:both; }

* html #logo-login, * html #logo-registered { }

* html #logo-clear { font-size:1px; line-height:1px; height:0; overflow:hidden; position:relative; }

.pm-notify-new, .pm-notify-unread { border-left:solid 1px #9EABB9; border-right:solid 1px #909FAF; border-top:solid 1px #9EABB9; border-bottom:solid 1px #909FAF; background:#e5e4e4 url(images/cell.gif) top left repeat-x; margin:10px 0; padding:10px; text-align:center; font-size:13px; font-weight:bold; }
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration:underline; }
.pm-notify-header { margin-bottom:10px; color:#F45E00; }
.pm-notify-new { padding:30px; }


.navrow { background:#CAE7F4; height:32px; overflow:hidden; color:#333; text-align:center; font-size:16px; padding-top:10px; border-radius:5px; }

.navrow b, .navrow strong { font-weight:normal; }
.navrow a, .navrow a:link, .navrow a:visited { color:#006; text-decoration:none; padding-left:5px; padding-right:5px; }
.navrow a:hover { color:#222; text-decoration:none; }

a.link-new, a.link-new:visited, a.link-new:link, a.link-new:active { color:#F45E00; }
a.link-new:hover { color:#F45E00; }


#content { padding:10px 0 20px 0; }
#maintable { margin:0 auto; }
#contentrow { padding:30px; }

.tablebg { padding:1px; border:solid 1px #f7c8a8; background:#fff; border-collapse:collapse; }
.tablebg-1 { border:solid 1px #f7c8a8; border-collapse:collapse; }
.tablebg th { border:solid 1px #f7c8a8; padding:5px; }
.block-start .tablebg { border-top-width:0; border-bottom-width:0; border-color:#C3CBD3; padding-bottom:1px }

.row1, .row2, .row3, .legend, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom { padding:5px; border:solid 1px #f7c8a8;
background:#fff5ea;
background:-webkit-gradient(linear, left top, left bottom, from(#fff5ea), to(#fffefb));
background:-webkit-linear-gradient(top, #fff5ea, #fffaf4, #fffefb);
   background:-moz-linear-gradient(top, #fff5ea, #fffaf4, #fffefb);
    background:-ms-linear-gradient(top, #fff5ea, #fffaf4, #fffefb);
     background:-o-linear-gradient(top, #fff5ea, #fffaf4, #fffefb);
        background:linear-gradient(top, #fff5ea, #fffaf4, #fffefb);
}

.tablebg-1 .row1, .tablebg-1 .row2, .tablebg-1 .row3 { padding:5px; border:solid 1px #f7c8a8; border-bottom:0;
background:#fff5ea;
background:-webkit-gradient(linear, left top, left bottom, from(#fff5ea), to(#fffefb));
background:-webkit-linear-gradient(top, #fff5ea, #fffaf4, #fffefb);
   background:-moz-linear-gradient(top, #fff5ea, #fffaf4, #fffefb);
    background:-ms-linear-gradient(top, #fff5ea, #fffaf4, #fffefb);
     background:-o-linear-gradient(top, #fff5ea, #fffaf4, #fffefb);
        background:linear-gradient(top, #fff5ea, #fffaf4, #fffefb);

 }

tr.row1 .row_left, tr.row2 .row_left, tr.row3 .row_left { background-color:#E7F5FE; border:solid 1px #ddd; border-bottom:0; padding-left:10px; line-height:180% }

tr.row1 .row_right, tr.row2 .row_right, tr.row3 .row_right { background-color:#fff; border:solid 1px #ddd; border-bottom:0; padding:5px; }

th { color:#444; font-size:1em; background:#ffe0bd; white-space:nowrap; padding:0 10px; text-align:center; height:32px; border:solid 1px #f7c8a8; border-bottom:0; }
th a, th a:visited { color:#666 !important; text-decoration:underline; }
th a:hover { color:#f5f5f5; text-decoration:underline; }

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

.catdiv, .cat, .cathead { height:35px; padding:5px 3px; border:solid 1px #f7c8a8;  background:#ffe0bd; }

.cat, .cathead { text-indent:4px; }

caption, .cap-div { margin:0; padding:0; background:url(images/hdr_mid.gif) top left repeat-x; white-space:nowrap; height:32px; text-align:left; }
.cap-left { background:url(images/hdr_left.gif) top left no-repeat; }
.cap-right { background:url(images/hdr_right.gif) top right no-repeat; padding-top:6px; padding-left:29px; height:32px; }
caption, caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div, .cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { font-size:16px; font-weight:bold; color:#586E85; }
caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { display:inline; }
caption a, caption a:visited, .cap-div a, .cap-div a:visited { color:#586E85; text-decoration:underline; }
caption a:hover, .cap-div a:hover { color:#F45E00; text-decoration:underline; }

.block-start { background:url(images/ftr_mid.gif) bottom left repeat-x; }
.block-end-left { background:url(images/ftr_left.gif) top left no-repeat; }
.block-end-right { background:url(images/ftr_right.gif) top right no-repeat; }
.block-end-left, .block-end-right { height:4px; overflow:hidden; padding:0; }

/* Footer */
#wrapfooter { text-align:center; color:#A0ACB9; padding-top:10px; }

.copyright { color:#A0ACB9; font-weight:normal; font-size:13px; line-height:1.2em; }
.copyright a, .copyright a:visited { color:#A0ACB9; text-decoration:underline; }
.copyright a:hover { color:#fff; }


/* Breadcrumbs */
.breadcrumb .row1 { border-width:0px; background:#fff; }
p.breadcrumbs { margin:0; padding:0; float:left; color:#A3ADB7; font-weight:bold; white-space:normal; font-size:16px; }
.rtl p.breadcrumbs { float:right; }

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

.rtl p.datetime { float:left; }

/* Index/viewforum */
.subforum.read { background:url(images/sub_old.gif) top left no-repeat; padding-left:12px; }
.subforum.unread { background:url(images/sub_new.gif) top left no-repeat; padding-left:12px; }
.legend { text-align:center; margin:0 auto; padding:2px; border-color:#C3CBD3; }
.legend-viewforum { margin:0; text-align:left; border-top-color:#C3CBD3; border-left-color:#C3CBD3; }

.forumrules { padding:4px; font-weight:normal; font-size:13px; border-left:solid 1px #CFD5DB; border-right:solid 1px #CAD1D8; border-top:solid 1px #CFD5DB; border-bottom:solid 1px #CAD1D8; background:#F7F8F9; font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
.forumrules h3 { color:#F45E00; }

/* Post */
.postsubject { font-size:16px; font-weight:bold; color:#586E85; }
td.postbottom { background:#F2F4F5 url(images/profile.gif) top left repeat-x; font-size:13px; color:#96989B; white-space:nowrap; padding:2px 4px; vertical-align:middle; border-left:solid 1px #F6F8F9; border-right:solid 1px #CAD1D8; border-top:solid 1px #F6F8F9; border-bottom:solid 1px #CAD1D8; }
td.postbuttons { padding-top:3px; }
.postdetails { color:#444; font-size:13px; text-align:left; }
.postdetails b { color:#444; }
.posterrank     { font-size:13px; color:#444; }
.posterprofile  { font-size:13px; color:#586E85; }

.postauthor { color:#586E85; font-size:13px; margin-bottom:3px; font-weight:bold; }
.postonline { margin-bottom:2px; }

.postreported, .postreported a:link, .postreported a:visited, .postreported a:hover, .postreported a:active { margin:1px 0px; color:#F45E00; font-weight:bold; }

.postapprove, .postapprove a:link, .postapprove a:visited, .postapprove a:hover, .postapprove a:active { color:#F45E00; font-weight:bold; }

.postapprove img, .postreported img { vertical-align:bottom; padding-top:5px; }

.postbody { font-family:'Noto Serif TC', 'Noto Sans TC', 'Microsoft JhengHei', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; font-size:16px; color:#222; line-height:1.6; word-wrap:break-word; word-break:break-all; }

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

.signature { font-size:13px; color:#666; margin-top:5px; }
.signature .line { color:#B8B9BB; }

.postbody li, ol, ul { margin:0 0 0 1.5em; }

.rtl .postbody li, .rtl ol, .rtl ul { margin:0 1.5em 0 0; }

.posthilit { background-color:#F2C882; color:#000; }

.postbody a { text-decoration:underline; }

/* UCP */
.folder-current a, .folder-current a:visited { color:#F45E00; font-weight:bold; }
.folder-current a:hover { color:#F45E00; }

td.pm_marked_colour { background:#F45E00; }
td.pm_marked_colour_left { border-left:solid 3px #F45E00; padding-left:2px; }
td.pm_marked_colour_right { border-right:solid 3px #F45E00; padding-right:2px; }

td.pm_replied_colour { background:#586E85; }
td.pm_replied_colour_left { border-left:solid 3px #586E85; padding-left:2px; }
td.pm_replied_colour_right { border-right:solid 3px #586E85; padding-right:2px; }

td.pm_friend_colour { background:#070; }
td.pm_friend_colour_left { border-left:solid 3px #070; padding-left:2px; }
td.pm_friend_colour_right { border-right:solid 3px #070; padding-right:2px; }

td.pm_foe_colour { background:#DD3B00; }
td.pm_foe_colour_left { border-left:solid 3px #DD3B00; padding-left:2px; }
td.pm_foe_colour_right { border-right:solid 3px #DD3B00; padding-right:2px; }


/* Form Elements------------ */
form { margin:0px; padding:0px; border:0px; }

textarea, select, .post, .btnbbcode, .btnfile { font-size:16px; font-weight:normal; font-family:"Lucida Grande", Verdana, Helvetica, sans-serif; color:#222; border:1px solid #f9ae6a; background:#fdffff; }

.btnmain, .btnlite, .helpline { font-size:1em; font-weight:bold; color:#fff; border:1px solid #c65102; background:#fd6802; }


.cat .btnmain, .cat .btnlite, .cat select { color:#444; background-color:#F7F8F9; border-color:#B6C0CA; }

input { font-size:13px; padding:1px; }
textarea { font-size:16px; line-height:1.4em; padding:2px; resize:none; }
select { font-size:13px; padding:1px; }

option { padding:0 1em 0 0; }

.rtl option { padding:0 0 0 1em; }

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

.btnbbcode { font-size:13px; color:#586E85; border:1px solid #B6C0CA; background-color:#F7F8F9; }
.btnbbcode:hover { border-color:#fd6802; color:#000; }

.btnmain { font-weight:bold; cursor:pointer; padding:1px 5px; font-size:1em; }

.btnlite { font-weight:normal; cursor:pointer; padding:1px 5px; font-size:1em; }

.btnfile { font-weight:normal; padding:1px 5px; font-size:13px; }

.helpline { background-color:transparent; color:#8B9BAC; border-style:none; }
#helpline { color:#8B9BAC; font-size:0.9em; }

input:focus, select:focus, textarea:focus { outline-style:none; }

* html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile { }
* html .cat .btnmain, * html .cat .btnlite { }
textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover { border-color:#F45E00; }
textarea:focus, select:focus, .post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus { border-color:#F45E00; color:#000; background-color:#fff; }
.cat .btnmain:hover, .cat .btnlite:hover, .cat select:hover { border-color:#F45E00; }
.cat .btnmain:focus, .cat .btnlite:focus, .cat select:focus { border-color:#798C9E; color:#000; }

label:hover { color:#F45E00; }

textarea.posting-textarea, #ie8#fix { width:100%; height:300px; max-width:100%; }

/* BBCode------------ */
.bb-wrapper { clear:both; margin:10px 20px; }
.bb-wrapper .bb-wrapper { margin:5px 10px; }
.bb-left-top, .bb-right-top, .bb-left-bot, .bb-right-bot { width:4px; height:4px; overflow:hidden; padding:0; }
.bb-left-top { background:url(images/bb_left_top.gif) top left no-repeat; }
.bb-right-top { background:url(images/bb_right_top.gif) top right no-repeat; }
.bb-left-bot { background:url(images/bb_left_bot.gif) bottom left no-repeat; }
.bb-right-bot { background:url(images/bb_right_bot.gif) bottom right no-repeat; }
.bb-top, .bb-bot { height:4px; overflow:hidden; padding:0; }
.bb-top { background:#F7F8F9 url(images/bb_top.gif) top left repeat-x; }
.bb-bot { background:#F7F8F9 url(images/bb_bot.gif) bottom left repeat-x; }
.bb-left, .bb-right { width:4px; overflow:hidden; background-color:#F7F8F9; padding:0; }
.bb-left { border-left:solid 1px #D5D9DE; }
.bb-right { border-right:solid 1px #D5D9DE; }
.bb-content { background-color:#F7F8F9; padding:0 2px; }
.bb-quote { background-image:url(images/bg_quote.gif); background-repeat:no-repeat; background-position:top right; }
.bb-code { background-image:url(images/bg_code.gif); background-repeat:no-repeat; background-position:top right; }
.bb-attach { background-image:url(images/bg_attach.gif); background-repeat:no-repeat; background-position:top right; }


.quotetitle, .attachtitle, .codetitle { color:#586E85; font-size:13px; font-weight:bold; padding-bottom:3px; }
.quotetitle .quotetitle { font-size:1em; }

.quotecontent, .attachcontent { font-weight:normal; font-size:1em; line-height:1.4em; color:#444; }
.attachcontent { font-size:1em; }

.attachcontent img { border:solid 1px #aaa; padding:3px; border-radius:3px; }

.codecontent { direction:ltr; font-weight:normal; font-size:13px; font-family:Monaco, 'Courier New', monospace; color:#444; }

.attachcontent, .codecontent { overflow:auto; overflow-x:auto; }

.syntaxbg { color:#F2F2F3; }

.syntaxcomment { color:#586E85; }

.syntaxdefault { color:#444; }

.syntaxhtml { color:#6D7073; }

.syntaxkeyword { color:#555D65; }

.syntaxstring { color:#6A6D71; }


/* More misc stuff */
h1 { font-family:"Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-weight:bold; font-size:1.8em; text-decoration:none; }

h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.5em; text-decoration:none; line-height:120%; }

h3 { font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:120%; }

h4 { margin:0px; font-size:13px; font-weight:bold; }

p { font-size:13px; }

p.moderators { margin:0px; float:left; color:#586E85; font-weight:bold; }

.rtl p.moderators { float:right; }

p.linkmcp { margin:0px; float:right; white-space:nowrap; }

.rtl p.linkmcp { float:left; }

p.searchbar { padding:2px 0; white-space:nowrap; }

p.searchbarreg { margin:0px; float:right; white-space:nowrap; }

.rtl p.searchbarreg { float:left; }

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

p.topicauthor { margin:1px 0px; }

p.topicdetails { margin:1px 0px; }
td.history-current, tr.row1 td.history-current, tr.row2 td.history-current { background:#F7F8F9; }

table.colortable td { padding:0; }

pre { font-size:13px; font-family:Monaco, 'Courier New', monospace; }

.nowrap { white-space:nowrap; margin-right:10px; }

.username-coloured { font-weight:bold; }

.sep { color:#586E85; }


/* reset style for file input */
.btnfile, .btnfile:hover, .btnfile:focus { border:solid 1px #fce4d3; background:#fff; color:#555; }

.p16 { font-size:16px; line-height:120% }
.p15 { font-size:15px; line-height:120% }
.p14 { font-size:14px; line-height:120% }
.p13 { font-size:13px; line-height:120% }

.time { font-family:'Lato', sans-serif; font-size:1em; letter-spacing:0 !important; color:#c00; }

.message-box { margin-bottom:10px; }
.message-box p.topic_text { width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; margin-bottom:5px; }