a:link {text-decoration: none; color: #333333;} 
a:visited {text-decoration: none;; color: #666666;} 
a:active {text-decoration: none;; color: #333333;} 

ul {
    padding-left:2px;
}

li {
    padding-left:2px;
}

.m-text {
	font-size: 13px;
	color: #333333;
	line-height: 19px;

}

a.m-text:link ,a.m-text:visited {
    text-decoration: none;
}

a.m-text:hover {
    text-decoration: underline;
    color: #222222;
}

.m-talbe-tx{
	PADDING-LEFT: 10px;
	PADDING-TOP: 4px;
	font-size: 13px;
	color: #3c3c3c;

}

.m-textResume {
	font-size: 13px;
	color: #333333;
	line-height: 33px;

}

.m-talbe-left{
	PADDING-LEFT: 10px;
	PADDING-TOP: 8px;
	font-size: 13px;
	color: #3c3c3c;
}

.r-main-text {
	font-size: 13px;
	color: #333333;

}

input.groovybutton
{
   font-size:11px;
   font-family:Tahoma,sans-serif;
   font-weight:bold;
   color:#333366;
   width:50px;
   padding-left:0.5em;
   padding-right:0.5em;
   background-color:#6699CC;
   border-style:dotted;
   border-color:#9999DD;
   border-width:1px;
}

.inputstyle {
	border: 1px solid #B3B3B3;
}

.underline {
	text-decoration: underline;
	color: #222222;
}

.underline a:hover , .underline a {
	color: #ABCDEF;
	text-decoration: none;
}

.underline a:visited {
	color: #ABCDEF;
	text-decoration: none;
}

.loninTb {
	background-color: #B8E1FF;
	border: 1px dashed #7983F7;
}

.resumbTb {
	background-color: #DFE8F4;
	font-size: 13px;
	color: #3c3c3c;
	padding:0.2em;
	border-left-width: 2px;
	border-left-style: dashed;
	border-left-color: #ACB2FF;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #5B6680;
}

.resumbTb-input
{
   background-color: #FFFFFF;
   border: 1px solid #2F385A;
   vertical-align:middle;
   font-family:Tahoma,sans-serif;
   font-size: 12px;
}

.gButton {
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	background-color: #F5F1EB;
	vertical-align:middle;
	border:#CCCCCC;
	border-style: solid;
	border-width: 2px;
	font-family:Tahoma,sans-serif;
	margin: 1px;
	padding: 0.1em;
}

.memblock {
	background-color: #F2F2F2;
	padding: 0.5em;
	margin: 5px;
}

.memblock-w {
	background-color: #FFFFFF;
	padding: 0.3em;
	margin: 4px;
	font-size: 13px;
	color: #3c3c3c;
}

.memberTb {
	background-color: #FFFFFF;
	border: 1px dashed #7983F7;
	font-size: 13px;
	color: #333333;
}

.memberTr {
	background-color: #C1C4EA;
    font-weight:bold;
    font-size:13px;
    color:#333366;
}

.memBfont {
	font-size: 13px;
	font-weight: bold;
	color: #222266;
}

a.memBfont:link {
	text-decoration: none;
}


a.memBfont:visited {
    font-size: 13px;
	text-decoration: none;
}

a.memBfont:hover {
    color: #2F385A;
    font-size: 13px;
	text-decoration: underline;
}

.topBfont{
font-size:13px;color: #333333; 
}

.topBfont a:link, .topBfont a:visited, .topBfont a:hover  {
	text-decoration: none; color: #333333; 
}

.memberTr-dark {
	background-color: #EBEBEB;
	color: #3c3c3c;
}

.pubTb {
	background-color: #F2F2F2;
	font-size: 13px;
	color: #3c3c3c;
	padding:0.3em;
	margin:0.2em;
	border: 2px dashed #ff7f7c;

}

.pubTb-input
{
   background-color: #FFFFFF;
   border: 1px solid #918141;
   vertical-align:middle;
   font-family:Tahoma,sans-serif;
   font-size: 12px;
}

.pButton {
	font-size: 12px;
	font-weight:bold;
	color: #604307;
	background-color: #EADE8F;
	vertical-align:middle;
	border:#E5A73B;
	border-style: solid;
	border-width: 2px;
	font-family:Tahoma,sans-serif;
	margin: 1px;
	padding: 0.1em;
}

.companyTb {
	background-color: #F2F2F2;
	font-size: 13px;
	color: #3c3c3c;
	padding:0.1em;
	margin: 0.2em;
	border-width: 2px;
	border-style: dashed;
	border-color: #ff7f7c;

}

.comBfont {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

a.comBfont:link ,a.comBfont:visited {
	text-decoration: none;
}

a.comBfont:hover {
    color: #7C1010;
    font-size: 13px;
	text-decoration: underline;
}

.referTb {
	background-color: #DFE8F4;
	font-size: 13px;
	color: #3c3c3c;
	padding:0.2em;
	border-width: 2px;
	border-style: dashed;
	border-color: #ACB2FF;

}

.workinfoTb{

	font-size: 13px;
	color: #3c3c3c;
}

.workreTb {
	background-color: #F0F0F0;
	font-size: 13px;
	color: #3c3c3c;
	padding:0.2em;
	border-left-width: 2px;
	border-left-style: dashed;
	border-left-color: #ff7f7c;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ff7f7c;

}

.forcomTb {
	background-color: #FFFFFF;
	border: 1px dashed #ff7f7c;
	font-size: 13px;
	color: #333333;
}

.forcomTr {
	background-color: #FF7777;
    font-weight:bold;
    font-size:13px;
    color:#444444;
}

.cButton {
	font-size: 12px;
	font-weight:bold;
	color:#EA6811;
	background-color: #F5F1EB;
	vertical-align:middle;
	border:#CCCCCC;
	border-style: solid;
	border-width: 2px;
	font-family:Tahoma,sans-serif;
	margin: 1px;
	padding: 0.2em;
}

.aboutusTb {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 13px;
	color: #666666;
	line-height: 17px;

}

.starTb {
	background-color: #FFFFF6;
	color: #333333;
	font-size: 13px;
	padding:0.1em;
	border: 2px dotted #FFFFFF;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	letter-spacing: 0.1em;
	line-height: 1.6;
}

a.starTb:link ,a.starTb:visited  {
    font-size: 12px;
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    letter-spacing: 0.1em;
    color: #333333;
    text-decoration: underline;
    border: 0px;
}

a.starTb:hover {
    text-decoration: underline;
    color: #FF3B00;
}

.starText {
    font-size: 12px;
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    letter-spacing: normal;
    color: #333333;
}

a.starText:link ,a.starText:visited {
    text-decoration: none;
}

a.starText:hover {
	text-decoration: underline;
	color: #222222;
	line-height: 1pt;
}

.starBfont {
	background-color: #FFFFFF;
	font-family: "細明體", "新細明體";
	font-size: 15px;
	font-weight: bold;
	color: #B22A00;
	letter-spacing: 0.1em;
	padding: 0.2em;
	margin: 0.2em;
	vertical-align:middle;
}

.r-main-text {
	font-family: "細明體";
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-transform: none;
}

.unnamed1 {
	font-size: 10px;
	color: #996633;
	text-decoration: none;
}

.klink {
	font-size: 12px;
	color: #996633;
	text-decoration: none;
	line-height: 18px;

}
 old
.carinfoTb {
	background-color: #FFFADD;
	font-size: 13px;
	color: #3c3c3c;
	padding:0.1em;
	border-width: 2px;
	border-style: dashed;
	border-color: #E8C253;

}

.carinfoTb{
	background-color: #FFF7D0;
	font-size: 13px;
	color: #3c3c3c;
	padding:0.8em;
	margin:0.3em;
	border-width: 1px;
	border-style: solid;
	border-color: #FFE269;
}

.carinfoBfont {
	font-family: "細明體", "新細明體";
	font-size: 15px;
	font-weight: bold;
	color: #B22A00;
	letter-spacing: 0.1em;
	padding: 0.2em;
	margin: 0.2em;
	vertical-align:middle;
}

.cimg {
	float: right;
}

.k-tlink {
	font-size: 14px;
	color: #996633;
	text-decoration: none;
}

.bTitle {
	font-size: large;
	font-weight: bold;
	vertical-align:middle;
}
.sTitle {
	font-weight: bold;
	font-size: 18px;
}
.famousTb {
	border: 1px solid #CCCCCC;

}
.k3 {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.yBlogTb {
	font-family: "細明體";
	font-size: 13px;
	color: #333333;
	border: 1px solid #c9c9c9;
}
.gotop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF9900;
}

.famous_RTb
{
	padding-left:8px;
	padding-top:3px;
	letter-spacing: 4px;
	color: #FFFFFF;
	font-size: 13px;
	background-image: url(new_img/famousBar4.gif);
}
a.famous_Name:link, a.famous_Name:visited
{
	color: #d80c18; font-size:13px
}


.ThemeGrayMenu,.ThemeGraySubMenuTable
{

	font-size: 12px;

	color: black;
	background-color: #c;

	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeGraySubMenu
{
	position:	absolute;
	display:	block;
	visibility:	hidden;
	overflow:	hidden;

	border:		1px outset #9C9A9C;
	background-color: #FFFFFF;
}

.ThemeGraySubMenuTable
{
	border-collapse:	separate;
	opacity:	0;
	filter:Alpha(style=0,opacity=100);
}

.ThemeGrayMenuItem,.ThemeGrayMenuItemHover,.ThemeGrayMenuItemActive
{
	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeGrayMainItem,
.ThemeGrayMenuItem
{
	padding:	0px 0px 0px 0px;


	background-color:	#FFFFFF;
}

.ThemeGrayMainItemHover,
.ThemeGrayMainItemActive
{
	padding:	0px 0px 0px 0px;
	
	border:		0px solid #FFFFFF;
	background-color:	#FFFFFF;
}

.ThemeGrayMenuItemHover,
.ThemeGrayMenuItemActive
{
	padding:	0px;
	border:		0px solid #FFFF45;
	background-color:	#FFFF45;
}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */

.ThemeGrayMainFolderLeft,
.ThemeGrayMainItemLeft,
.ThemeGrayMainFolderText,
.ThemeGrayMainItemText,
.ThemeGrayMainItemRight,
.ThemeGrayMainFolderRight
{
	border: 1;
	background-color: inherit;
	white-space: nowrap;
}

/* sub menus sub components */

.ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemLeft
{
	padding:	3px 0px 0px 0px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeGrayMenuFolderText,
.ThemeGrayMenuItemText
{
	padding:	3px 3px 3px 5px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeGrayMenuItemRight,
.ThemeGrayMenuFolderRight
{
	padding:	3px 0px 0px 0px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

/* hoover and active border */
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemText,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemText,
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemRight
{
	border-color:	#9C9A9C;
}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemLeft
{
	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	padding:	2px 0px 2px 2px;
}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemText,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemText
{
	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	padding:	2px 3px 2px 5px;
}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemRight
{
	border-width:	1px 1px 1px 0px;
	border-style:	solid;
	padding:	2px 0px 2px 0px;
}

td.ThemeGrayMenuSplit
{
	padding:	0px;
	margin:		0px;
	height:		5px;
	border:		0px;
	background-color:	inherit;
	overflow:	hidden;
}

div.ThemeGrayMenuSplit
{
	margin: 4px;
	height: 2px;
	overflow: hidden;
	background-color: inherit;
	border-top: 2px solid #9C9A9C;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemeGrayMenuItem img.seq1
{
	display:	inline;
}

.ThemeGrayMenuItemHover seq2,
.ThemeGrayMenuItemActive seq2
{
	display:	inline;
}

.ThemeGrayMenuItem .seq2,
.ThemeGrayMenuItemHover .seq1,
.ThemeGrayMenuItemActive .seq1
{
	display:	none;
}