/*
  The original xtcPlus-bb Theme for phpBB version 2+  Created by subBlue design  http://www.subBlue.com
  xtcPlus-bb  modify by freeman     http://freedom.funny.net.tw/
*/

BODY {font-family: Verdana, Arial, Helvetica, sans-serif; margin-left:22px; margin-right:22px; background-color:#E5E5E5;}
img {border:0;}
.block {display: block;}
.spacer {padding:2px;}
.spacer_line {border-top: 1px dotted; border-color:#DDDDDD;}
.spacer_line_l {border-left: 1px dotted; border-color:#DDDDDD; margin: 9px 0px 9px 0px;}
.spacer5 {padding:5px;}
.spacer8 {padding:8px;}
A:link,A:active,A:visited {color:#006699; text-decoration:none;}
A:hover{text-decoration:underline; color:#FF9900;}
hr{height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

.s_main {font-size:13px; color:#555555;}
.s_main A:hover {color:#FF7700;}
.ss_main {font-size:12px; color:#777777;}
.ss_main A {color:#777777;}
.ss_main A:hover {color:#FF9900;}
.sss_main{font-size:10px; color:#999999;}


/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

td.row1 {background-color: #EFEFEF; padding:5px;}
td.row2 {background-color: #DEE3E7; padding:5px;}
td.row3 {background-color: #D1D7DC; padding:5px;}

td.rowpic {
		background-color: #FFFFFF;
		background-image: url(images/cellpic2.jpg);
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th{color:#FFDD55; font-size:12px; background-color:#006699; height:25px; background-image: url(images/cellpic3.gif);}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {background-image: url(images/cellpic1.gif);
background-color:#D1D7DC; border:#FFFFFF; border-style:solid; height:28px;
}


/*
  Setting additional nice inner borders for the main table cells.  The names indicate which sides the border will be on.  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {height:29px; border-width: 0px 0px 0px 0px;}


TD.Top, TD.Head, TD.CornerL, TD.CornerR, TD.Left, TD.Right {letter-spacing:2px; text-align:center; border:#FFFFFF; border-style:solid; color:#FAFAFA; 
font-size:12px; background-image: url(images/cellpic3.gif);}
TD.y_Top, TD.y_Head{font-size:13px; letter-spacing:2px; height:25px; text-align:center; color:#FFDD55; background-image: url(images/cellpic3.gif);}
TD.Top,TD.Head {border-width: 1px 0px 0px 0px; }
TD.CornerL,TD.Left{border-width: 1px 0px 0px 1px; }
TD.CornerR,TD.Right{border-width: 1px 1px 0px 0px; }


th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	 border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {	background-color:#D1D7DC; border:#FFFFFF; border-style:solid; padding:5px;}

th.thHead,td.catHead {font-size:12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 {border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right {border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft  {border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  {border-width: 0px 1px 1px 1px; }
th.thTop	 {border-width: 1px 0px 0px 0px; }
th.thCornerL {border-width: 1px 0px 0px 1px; }
th.thCornerR {border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{font-weight:bold; font-size:22px; text-decoration:none; line-height:120%; color:#111111;}

/* General text */
.gen {font-size:15px; line-height:170%;}
.genmed {font-size:13px; line-height:170%;}
.gensmall {font-size:12px; color:#5C6468; line-height:150%;}
.genssmall {font-size:11px; color:#888888;}
.gensssmall {font-size:9px; color:#CCCCCC;}
.gensssmall A {font-size:9px; color:#DDDDDD;}
a.gen,a.genmed,a.gensmall,a.genssmall {color:#006699; text-decoration: none;}
a.gen:hover,a.genmed:hover,a.gensmall:hover,a.genssmall:hover	{color:#FF6633; text-decoration:underline;}

.b_gen {color:#0000CC; font-size:15px; line-height:170%;}
.r_gen {color:#FF4400; font-size: 15px; line-height:170%;}
.r_genmed {color:#FF4400; font-size: 13px; line-height:170%;}
a.r_genmed {color:#FF5511; text-decoration:none;}
a.r_genmed:hover {color:#008811; text-decoration:underline;}

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size:12px; color:#333333 }
a.mainmenu		{ text-decoration:none; color:#006699;  }
a.mainmenu:hover{ text-decoration:underline; color:#DD6900; }


/*  討論區分類區 Forum category titles  */
.cattitle		{font-weight:bold; font-size:16px; color:#006699; padding: 5px 0px 5px 5px;}
a.cattitle		{text-decoration:none; color:#006699;}
a.cattitle:hover{text-decoration:underline;}


/* Forum title: Text and link to the forums used in: index.php */
.forumlink {font-size:15px; color:#006699;}
a.forumlink  {text-decoration:none; color:#006699;}
a.forumlink:hover {text-decoration:underline; color:#DD6900;}


/*  導覽列  Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav {font-size: 12px; color:#999999; padding: 5px 0px 5px 0px;}
.nav A {text-decoration:none; color:#999999;}
.nav A:hover	{text-decoration:underline; color:#FF6633;}


/* titles for the topics: could specify viewed link colour too */
.topictitle			{font-weight:bold; font-size: 15px; color : #006699; padding:5px;}
a.topictitle:link   {text-decoration:none; color:#006699; padding:5px;}
a.topictitle:visited {text-decoration:none; color:#006699; padding:5px;}
a.topictitle:hover	{text-decoration:underline; color:#FF6633; padding:5px;}


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name{font-size:12px; color:#333333;}

/* Location, number of posts, post date etc */
.postdetails{font-size:12px; color:#555555;}


/* The content of the posts (body of text) */
.postbody {font-size:15px;}
a.postlink:link	{text-decoration:none; color:#006699;}
a.postlink:visited {text-decoration:none; color:#5493B4;}
a.postlink:hover {text-decoration:underline; color:#FF6633;}


/* Quote & Code blocks */
.code {
	font-family: Courier, sans-serif; font-size: 12px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-size: 12px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Form elements */
input, textarea, select {color:#333333; font-size:13px; border-color :#000000;}

/* The text input fields background colour */
input.post, textarea.post, select {background-color:#FFFFFF;}

input {text-indent:2px;}

/* The buttons used for bbCode styling in message post */
input.button {background-color:#EFEFEF; color:#000000;	font-size:13px;}

/* The main submit button option */
input.mainoption {background-color:#FAFAFA; font-weight:bold;}

/* None-bold submit button */
input.liteoption {background-color:#FAFAFA; font-weight:normal;}

/* This is the line in the posting page which shows the rollover  help line. This is actually a text box, but if set to be the same  colour as the background no one will know ;)  */
.helpline {background-color:#DEE3E7; border-style:none;}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
/*  @import url("formIE.css");   */
.copyright{font-size:11px; color:#999999;}
.copyright A {text-decoration:none; color:#777777;}
.copyright A:hover {color:#FF9900; text-decoration:underline;}