body,mystyle,td{
font-family : erdana, Arial, Helvetica ;
font-size : 9pt ;
color : #222222  ;
letter-spacing : 1.1pt ;
line-height : 140% ;
}
a:link {color: #4e72c3}
a:visited {color: #4e72c3}
a:active {color: #c61313}
a:hover {color: #ff2a2a}
a{text-decoration:none}
a:hover{text-decoration: underline}

.style01{
border: 1px solid #C4C4C4 ; 
font-size:8pt
}

.style02{
border: 1px solid #C4C4C4 ; 
height:13px ; width:200px ;
font-size:8pt
}

.table_style01{
border: 1px solid #C4C4C4 ; 
height:20px ; 
width: ;
background-color:#f1f1f1; 
font-size:8pt;
}
.table_style02{
border: 1px solid #C4C4C4 ; 
background-color:#f1f1f1; 
font-size:8pt;
}
.table_style02a{
border: 1px solid #C4C4C4 ; 
background-color:#f1f1f1; 
font-size:8pt;
border-top:dashed 1px #C4C4C4;
border-bottom:dashed 1px #C4C4C4;
border-left:dashed 1px #C4C4C4;
border-right:dashed 1px #C4C4C4;
}
.table_style02b{
border-top:dashed 1px #627445;
border-bottom:dashed 1px #627445;
border-left:dashed 1px #627445;
border-right:dashed 1px #627445;
}
.text{
border-top:dashed 1px #adadad;
border-bottom:dashed 1px #adadad;
border-left:dashed 1px #adadad;
border-right:dashed 1px #adadad;
}
.text01{
border-top:dashed 1px #c5c5c5;
border-bottom:dashed 1px #c5c5c5;
border-left:dashed 1px #c5c5c5;
border-right:dashed 1px #c5c5c5;
background-color:#efefef;
}
.user_photo{
border-top:dashed 1px #cccccc;
border-bottom:dashed 1px #cccccc;
border-left:dashed 1px #cccccc;
border-right:dashed 1px #cccccc;
width:80px;
height:99px
}
.table_style03{
height: 28px; 
}
.table_style04{
height: 25px; 
background-color:#e5e5e5;
font-size:12px;
font-weight:bold;
color:#7c7c7c;
}
.font_style01{
font-family : erdana, Arial, Helvetica ;
font-size : 8pt ;
color : #ff8400  ;
letter-spacing : 1.1pt ;
line-height : 120% ;
height: 25px; 
}
.font_style02{
font-family : erdana, Arial, Helvetica ;
font-size : 8pt ;
color:#a1a1a1;
}
.font_style03{
font-family : erdana, Arial, Helvetica ;
color:#378bda;
}
.font_style04{
font-family : erdana, Arial, Helvetica ;
color:#ff5a00;
}
.font_style05{
font-family : erdana, Arial, Helvetica ;
color:#d73131;
}
.font_style06{
font-family : erdana, Arial, Helvetica ;
color:#395464;
font-size:14px;
font-weight:bold;
}
.font_style07{
font-family : 新細明體;
color:#000000;
font-size:15px;
font-weight:bold;
}
/* jquery-tabs格式 */
 
.jquery-tabs{background-color:#ffffff; }
.jquery-tabs p span{background-image:url(../jpg/tab_bg01.jpg);border:0px solid #CCCCCC; width:97px; height:43px; cursor:pointer;margin-right:-4px;padding:5px 22px 22px 15px;}
.jquery-tabs p span.current{background-image:url(../jpg/tab_bg02.jpg); width:97px; height:43px; border-bottom-color:#fafafa;padding:5px 22px 22px 15px;}
.jquery-tabs .mhot,.jquery-tabs.allhot{display:none;}

.jquery-tabs01{background-color:#ffffff; }
.jquery-tabs01 p span{background-image:url(../jpg/tab_bg03.jpg);border:0px solid #CCCCCC; width:97px; height:36px; cursor:pointer;margin-right:-4px;padding:5px 15px 15px 15px;}
.jquery-tabs01 p span.current{background-image:url(../jpg/tab_bg04.jpg); width:97px; height:36px; border-bottom-color:#fafafa;padding:5px 15px 15px 15px;}
.jquery-tabs01 .mhot,.jquery-tabs.allhot{display:none;}

/*隱藏login*/
#page_container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	top: -21px;
}

.panel_button {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 0px;
	width: 200px;
	height: 30px;
	z-index: 20;
	filter:alpha(opacity=80);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	cursor: pointer;
}

.panel_button a:hover {
	color: #ed3612;
}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 198px;
	text-align: center;
}
#toppanel {
	position: absolute;
	width: 198px;
	left: 0px;
	z-index: 25;
	text-align: center;

}
#panel {
	width: 198px;
	position: relative;
	top: 1px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}
#panel_contents {
background-color:#ffdf2d;	
	filter:alpha(opacity=80);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	height: 100%;
	width: 200px;
	position: absolute;
	z-index: -1;
}

.border {
	border: 0px #1d1d1d solid;
}

/*CSS scott style pagination*/

DIV.scott {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.scott A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #88af3f; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.scott A:hover {
	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.scott A:active {
	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.scott SPAN.current {
	BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #b2e05d
}
DIV.scott SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}

/*CSS quotes style pagination*/

DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}

/*CSS green-black style pagination*/

DIV.green-black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.green-black A {
	BORDER-RIGHT: #2c2c2c 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2c2c2c 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(image1.gif) #2c2c2c; PADDING-BOTTOM: 2px; BORDER-LEFT: #2c2c2c 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2c2c2c 1px solid; TEXT-DECORATION: none
}
DIV.green-black A:hover {
	BORDER-RIGHT: #aad83e 1px solid; BORDER-TOP: #aad83e 1px solid; BACKGROUND: url(image2.gif) #aad83e; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black A:active {
	BORDER-RIGHT: #aad83e 1px solid; BORDER-TOP: #aad83e 1px solid; BACKGROUND: url(image2.gif) #aad83e; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black SPAN.current {
	BORDER-RIGHT: #aad83e 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aad83e 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(image2.gif) #aad83e; PADDING-BOTTOM: 2px; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}

/*ajax_tabs*/
	.dhtmlgoodies_tabPane{
		height:37px;	/* Height of tabs */
		border-bottom:0px solid #919b9c;
	}
	.dhtmlgoodies_aTab{
		border-left:0px solid #919b9c;
		border-right:0px solid #919b9c;
		border-bottom:0px solid #919b9c;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		padding:0px;		
		
	}
	.dhtmlgoodies_tabPane DIV{
		float:left;
		height:100%;	/* Height of tabs */
		padding-left:3px;
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:bottom left;
		cursor:pointer;
		position:relative;
		bottom:-1px;
		margin-left:0px;
		margin-right:0px;
		
	}
	.dhtmlgoodies_tabPane .tabActive{
		background-image:url('../jpg/tab_bg04.jpg'); width:97px; height:36px;
		margin-left:-2px;
		margin-right:-2px;	
		z-index:10;	
	}
	.dhtmlgoodies_tabPane .tabInactive{
		background-image:url('../jpg/tab_bg03.jpg'); width:97px; height:36px;
		margin-left:-2px;
		margin-right:-2px;
		z-index:1;
	}

	.dhtmlgoodies_tabPane .inactiveTabOver{
		background-image:url('../jpg/tab_bg04.jpg'); width:97px; height:36px;
		margin-left:-2px;
		margin-right:-2px;
	}
	.dhtmlgoodies_tabPane span{
		font-family:arial;
		vertical-align:top;
		font-size:11px;
		padding-left:3px;
		padding-right:3px;		
		line-height:21px;
		float:left;
	}
	.dhtmlgoodies_tabPane .tabActive span{
		padding-bottom:1px;
		line-height:20px;
	}
	
	.dhtmlgoodies_tabPane img{
		float:left;
	}