/****** Universal *****/
A:link		{color: #369; font-weight:bold}
A:visited	{color: #636; font-weight:bold}
A:active	{color: #900; font-weight:bold}
A:hover		{text-decoration:none;}

div.banner a:link{text-decoration:none;font-weight:bold;color:black;}
div.banner a:visited{text-decoration:none;font-weight:bold;color:black;}
div.banner a:active{text-decoration:none;font-weight:bold;color:black;}

body
{
background: #f6f6f6/*url(http://www.jiulang.org/kkk/photo/0255-background100a.gif)*/;
margin: 15px;       /*15 pixels around the theme*/
position:relative;  /*Zooming in/out works normally in Maxthon.*/
min-width:900px;
overflow:scroll;
}

div.theme
{
background:#f6f6f6;
width:730px;
margin:0 auto;
border: 0px solid red;
position:relative;
} 

/***** Top Grid of Banner *****/

div.banner
{
background: #f6f6f6/*url(photo/www.jpg) #060606*/;
width:730px;
height:100px;
/*position:relative;*/
border-bottom:0px double #060606;
margin:0px;
margin-bottom:30px;
}

dt.hp
{
position:relative;
top:0px;
color:black;
font-size:420%;/*324%;324%;312%;*/
font-family:bookman old style,monospace,Garamond,lucida console,courier,times,georgia;
text-align:left;
font-weight:bold;
text-shadow: 2px 2px 5px #cccccc;
}

dt.caption
{
position:relative;
left:20px;
top:-15px;
font: 120% arial, sans-serif, georgia, times, bookman old style;
font-weight:bold;
color:#cfcfcf;
text-align:left;
/*font-variant:small-caps*/
}

/***** Onmouseover Horizontal Menu *****/

#tabs
{
background:/*#e6e6e6*/;
height:30px;
padding-bottom:5px;
border-bottom: 0px double #ccc;
}

#tabs ul
{
	width: 100%;
	float: left;
	margin: 0 0 25px 0;
	padding: 0;
	list-style: none;
	background-color: ;
	border-top: 0px solid #ccc;
  border-bottom: 0px solid #ccc;   
	
}

#tabs ul li {
	float: left;
  letter-spacing:1px }

#tabs ul li a {
	display: block;
	padding: 2px 8px;
	text-decoration: none;
	font-weight: bold;
	color: #069;
	background-color: /*#e0e0e0*/;
	border-bottom: 3px solid #f6f6f6;
	
	}
#tabs ul li a:hover {
	color: #f6f6f6;
	background-color: #333;}

#tabs ul li.current 
{
	display: block;
	padding: 2px 8px;
  color:;
  background-color:;
  font-weight:bold;
  border-bottom: 3px solid #c00000; 
}

#tabs ul li.mother a
{
 	border-bottom: 3px solid #c00000; 
}

.button
{
font: bold 100%; 
background-color:#f6f6f6; 
border:1px solid;
color:#333; 
border-color: #666;
padding:2px; 
}


/***** Left Grid of Main Content *****/

div.main
{
background:#f6f6f6;
width:425px;
border:0px solid black;
border-top: 0px solid #ccc;
margin-left:10px;
position:relative;

}


/***** This CSS is used for the Show/Hide functionality. *****/

#wrap
{
font: ;
width: 220px;
margin: 0 auto;
padding: ;
background-color: ;
}   

.more
{
display: none;
}

a.showLink, a.hideLink
{
background: transparent url(down.gif) no-repeat left; 
font-family: verdana;
}

a.hideLink
{
background: transparent url(up.gif) no-repeat left;
}

a.showLink:hover, a.hideLink:hover
{}


/***** Right Grid of Navigation Data *****/

div.nav
{
background:/*#e6e6e6 url(photo/ft.jpg) bottom no-repeat*/;
padding-right:0px;
padding-top:0px;
padding-left:1px;
width: 265px;
font: 75% georgia;
border:0px solid black;
border-top: 0px solid #ccc;
/*border-left: 0px double #ccc;*/
letter-spacing:1px;
/*margin-right:10px;
margin-top:10px;*/
float:right;
margin-right:0px;
position:relative;
z-index:1

}

/***** Buttom Grid of Footer *****/

div.footer
{
border-top:0px solid #333;
padding-top:10px;
width:730px;
height:30px;
line-height:175%;
margin: 10px 10px;
font: 100% #060606;
clear:both;
}

span.copyright
{
float:right;
color: #060606;
margin-top:5px;
font-size:100%;
font-family: georgia;
}

/***** Title and Text Styles *****/

dl
{}

ul
{
list-style-type: disc;
color: #333;
line-height:150%;
letter-spacing:1px;
font-family: georgia;
text-indent:0;
}

ol
{
margin-top:24px;
font:normal 100% georgia;
color:black;
line-height:150%;
text-indent:0px;
}


h3
{
font: normal 100% verdana, sans-serif;
color: #666;
border:1px solid #999;
list-style-type:none;
line-height: 150%;
text-align: center;
margin-bottom:18px;
width:100%;
}

dl.spacing
{padding: 10px;
margin:0;
font-family:verdana;
}

dt
{line-height:160%;
text-indent:0;
}

dd
{line-height:175%;
letter-spacing:1px;
font: 120% georgia

}

dt.h1
{

background:;
color:#6f6f6f;
font: 75% courier, arial, Tahoma, Helvetica,sans-serif;
line-height:125%;
margin-top:5px;
border-top:1px solid #c6c6c6;
position:absolute;
text-align:;
left:-95px;
width:70px;
height:70px;
display:table-cell;
vertical-align:middle;
padding:3px
}

dt.h2
{
/*color:#000;
font:bold 180% 微軟正黑體, times, Serif;
margin-top: 20px;
margin-bottom: 0px;
line-height:150%;
letter-spacing:0px;*/

left:0px;
padding-left:0px;
position:relative;
font: 220% 微軟正黑體, arial, courier new, arial black, georgia, georgia, sans-serif, tahoma, Helvetica, sans-serif, georgia, Times new roman;
font-weight: bold;
line-height:125%;
margin-top:20px;
margin-bottom:20px;
}

dt.h3
{
color:#060606;
margin:25px 0px;
font:normal 100% georgia, serif;
text-indent: 34px;
line-height: 175%; 
letter-spacing:1px;
border:0px solid;
}

dt.h4
{
width: 100%;
background: /*#cfcfcf*/;
color:#060600;
padding:0px 0px 0px 0px;
text-align:left;
text-indent: 0px;
font: 120% arial, courier new, arial black, georgia, georgia, sans-serif, tahoma, Helvetica, sans-serif, georgia, Times new roman;
font-weight:bold;
line-height: 175%;
border-bottom:0px solid #cfcfcf; 
/*border:1px solid #ccc;
border-left:5px solid #66666f;*/

}

dt.h5
{
/*padding: 3px 0px;
margin: 3px 0px;*/
font:150% black;
font-weight: bold;
line-height: 150%; 
letter-spacing:1px;
font-family: sans-serif,arial,verdana;
}

dt.h6
{
font:190% black;
font-weight: bold;
line-height: 125%; 
font-family: 微軟正黑體,Times;
}


dt.cb
{
color:#ccc;
font-size:412% ;
font-weight: bold;
line-height: 100%; 
font-family: Times;
}

dt.bwff
{
font: 100% georgia;
display:inline;
position:absolute
}

dt.ruler
{
background:url(photo/k.gif) right no-repeat;
position:relative;
height:40px;
margin-bottom:30px;
padding-bottom:15px;
border-bottom:1px dotted #ccc;

}

dt.spoiler
{
background: #c00000;
color: /*#c00000*/#fcfcfc;
text-align: center;
font-size: 100%;
font-weight:bold;
font-family: verdana;
/*margin-top:10px;*/
border:;
height:150px;
width:150px;
left:135px;
display:table-cell;
vertical-align:middle;
position:relative;
}


blockquote
{
background:/*url('http://www.jiulang.org/kkk/photo/quote.gif') no-repeat*/;
padding:0% 5% 0% 5%;
font:100%;
text-indent:0px;
color: #369;
line-height: 150%; 
letter-spacing:1px;
margin-left:0;
margin-right:0;
border-left:5px solid #336699;
}

img
{
vertical-align: top;
margin:0 auto;
}


dt.title
{
left:0px;
padding-left:0px;
position:relative;
font: 240% arial, courier new, arial black, georgia, georgia, sans-serif, tahoma, Helvetica, sans-serif, georgia, Times new roman;
font-weight: bold;
line-height:200%;
margin-top:10px;
}

h2
{
font:108% verdana;
color:#999;
font-weight:normal;
line-height:100%;
margin-left:20px;
margin-bottom:20px;
//*border-bottom:1px solid #999;
width:395px;*//
}


td.map
{
font:100% black;
font-family: arial;
vertical-align:top;
border:3px double black;
padding:5px;
}