/*-----[ main style ]-----*/
table { width: 100%;}
table td { padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}
hr {color:#CCCCCC; height:1px;}
body {
	font-family: "Tahoma", "taipei";
	color:#333333;		
	font-size: 12px;
	margin: 0;	
	padding: 0; 
	background-color: #4F4F4F;
}
a { font-family: "Tahoma", "taipei"; font-size: 12px; text-decoration: none; color: #333333; font-style: normal}
a:hover { font-family: Tahoma, taipei; font-size: 12px; color: #FF9966; font-style: normal}
td {  font-family: Tahoma, taipei; color: #333333; font-size: 12px;border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px;}
input { font-family : Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight : normal;text-indent : 2px;  }
textarea {font-family: Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;text-indent : 2px;}
select {font-family: Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight : bold;background-color:#F5F5F5; } 
img { border: 0;}
ul { margin: 2px 2px 2px 0px; padding: 2px 2px 2px 0px; text-align: left;}
li {
	margin-left: 2px;
	list-style: square inside;
	color: #666666;
	line-height: 150%;
}
th {
	background-color: #CDC9BA;
	padding: 4px;
	font-weight: bold;
	background-repeat: repeat-x;
}
.outer {
	background-color: #E2E0D8;
}
.head {
	background-color: #CDC9BA;
	padding: 4px;
	font-weight: bold;
	vertical-align: middle;
}
.even {background-color: #F2F1ED; padding: 4px;}
.odd {background-color: #F9F9F7; padding: 4px;}
.foot {
	padding: 4px;
	background-color: #E1DFD7;
}
tr.even td {background-color: #F2F1ED; padding: 4px;}
tr.odd td {background-color: #F9F9F7; padding: 4px;}

/*-----[ head table ]-----*/
.hTable {
	width: 100%;
	background-color: #FF9138;
}
.hLogo {
	 width: 263px;
	 background-color:	 #FF9138;
	 border-bottom-width: 1px;
	 border-bottom-style: solid;
}
.hBanner {
	width: 480px;
	background-color: #FF9138;
	vertical-align: middle;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.hSearch {
	width: 212px;	
	background-color: #FF9138; 	
	text-align: center; 
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;	
}
.hMenu{
	height: 30px;
	background-color: #F2F1ED;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	vertical-align: middle;
	text-align: left;
	color: #333333;
	font-weight: bold;
}
.hMenu a{
	font-family: Tahoma, taipei;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.hMenu a:hover{	color: #666666;}
.hWelcome {
	width:955px;
}

/*-----[ body table ]-----*/
.bTable {
	width:100%;
	background-color: #FFFFFF;
}
.bLeft {
	width:185px;
	background-color: #F9F9F7;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF9138;
}
.bRight {}
.bContent{	width:100%;}

/*-----[ body right ]-----*/
.brNav {
	height: 20px;
	vertical-align: middle;
	color: #333333;
	font-weight: normal;
	font-family: "Arial", "Helvetica", "sans-serif";
}
.brNavL {
	width: 24px;
	vertical-align: top;
}
.brNavPict {
	vertical-align: middle;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
}
.brNavMenu {
	vertical-align: middle;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

.brContent{}
.brContentL{	width: 10px;}
.brContentR{	width: 10px;}
.brContentC{}
.brContentCC{	width: 5px;}
.brRight{	width:185px; align: right; }
.brRightTable { width:100%;
}

/*-----[ block Title & Content ]-----*/
.lTitle {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
	padding: 5px;
}
.lContent {
	line-height: 130%;
	padding: 0px 0px;
}

.rTitle {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
	padding: 5px;
}
.rContent {
	line-height: 130%;
	padding: 4px 6px;
	background-color: #F9F9F7;
}

.cTitle{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 5px 5px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDC9BA;
}
.cContent{
	line-height: 130%;
	padding-top: 2px;
	padding-bottom: 4px;
}

.clTitle {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
	padding: 5px;
}
.clContent {
	line-height: 130%;
	padding: 4px 5px;
}

.crTitle {
	width:175px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
	padding: 5px;
}
.crContent {
	line-height: 130%;
	padding: 4px 5px;
}

/*-----[ menu ]-----*/
td#mainmenu a {
	color:#333333;
	margin: 0;
	padding: 2px 2px 2px 0px;
	border-bottom-color: #EAEAEA;
	border-bottom-style: solid;
	border-bottom-width: 1px;
/* 	background-image:  url(image/mmenu_bg.gif); */
	background-repeat: no-repeat;
}
td#mainmenu a:hover { color : #333333;  background: #FFFFFF url(image/menu_bg2.gif) no-repeat; }
td#mainmenu a.menuTop {
	border-top-color: #EAEAEA;
	border-top-style: solid;
	border-top-width: 1px;
	padding-left: 29px;
}
td#mainmenu a.menuMain {
    cursor :  pointer;
	padding-left: 29px;
	}
td#mainmenu a.menuSub { color: #999999;
	padding-left: 40px;
	background: #FFFFFF no-repeat;
}


td#usermenu a {
	margin: 0;
	padding: 2px 2px 2px 30px;
	color: #333333;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #F1AC08;
	background-image:  url(image/menu_bg.gif);
	background-repeat: no-repeat;
}
td#usermenu a:hover {
	color : #333333;
	background-color: #F3E180;
	background-image:  url(image/menu_bg2.gif);
	background-repeat: no-repeat;
}
td#usermenu a.menuTop {border-top-color: #EAEAEA;  border-top-style: solid;  border-top-width: 1px;   }
td#usermenu a.highlight {}


/*-----[ foot table ]-----*/
.fTable{	width: 100%;}
.fFoot {
	height: 30px;
	background-color: #FF9138;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size:10px;
}

/*-----[ content ]-----*/
div#content { text-align: left;}
div#content td { padding: 5px;}




/*-----[ msg ]-----*/
div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}


/*-----[ code & quote ]-----*/
div.xoopsCode {
	background: #FFFFFF;
	border: 1px dotted #0D3F72;
	font-family: "Courier New", "Courier", "monospace";
	padding: 0px 6px 6px 6px;
	color: #0D3F72;
}
div.xoopsQuote {
	background: #FFFFFF;
	/* border: 1px dotted #0D3F72; */
	font-family: "Courier New", "Courier", "monospace";
	padding: 0px 6px 6px 6px;
	font-size: 12px;
	color: #666666;
}

/*-----[ modules ]-----*/
.newsPict {
	height: 60px;
	vertical-align: middle;
	color: #333333;
	font-weight: normal;
	font-family: "Arial", "Helvetica", "sans-serif";
	background-image:  url(image/news_m.gif);
	background-repeat: no-repeat;
}
.newsMenu {
	height: 24px;
	vertical-align: middle;
	color: #333333;
	padding-left: 24px;
	background-color: #DEDED3;
	font-weight: bold;
}

.item1 {
	background-color: #F9F9F7;
	padding: 6px;
	height: 94px;
}
.item2 {
	background-color: #FFFFFF;
	padding: 6px;
	height: 94px;
}
.itemImage{ width:84px;}
.item {}
.itemHead {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
}
.itemHead2 {
	color: #333333;
	font-size: 25px;
	text-align: center;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-weight: bold;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.itemInfo {
	color: #999999;
	text-align: center;
	padding: 6px 2px 2px;
}
.itemTitle a {
	color: #FF9138;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}
.itemTitle a:hover {
	color: #333333;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}
.itemPoster {}
.itemPostDate {}
.itemStats {}
.itemBody {
	padding-top: 6px;
	padding-bottom: 6px;
}
.itemText {line-height: 150%;}
.itemText a{
	color: #333333; font-weight: bold;
}
.itemBody a{
		color: #333333; font-weight: bold;
}
.itemText:first-letter {}
.itemFoot {
	text-align: right;
	color: #719DB3;
	
}
.itemFoot a{color:#719DB3}
.itemAdminLink {}
.itemPermaLink {}

/*-- ÆÀÂÛ --*/
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 12px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 12px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 12px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: 12px;}
.comDateCaption {font-weight: bold; font-style: normal;}