html{
height: 100%;
} 
#nonFooter{
position: relative;
min-height: 100%;
}
* html #nonFooter{
height: 100%;
}
#content{
margin-bottom: 0em;
padding-bottom: 120px;
}
#footer{
position: relative;
margin-top: -10em;
}
body{
height: 100%;    
font-family:Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
background:url(./img/body_bg.gif) #E6E6E6 scroll repeat-y top center;
font-size:12px;
color:#9e4e00;
line-height:165%;}
body, div, dl, dt, dd, ol, ul,li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, param, embed, table, span, img, a, br  {
    padding:0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0;
}
a, a:visited {
color:#b06d29;
font-size: 12px; 
text-decoration:none;}
a:hover {
color:#1c317e;
text-decoration:none;}
li { list-style:none;}
.new_line { display:inline-block;}
.clear {clear:both;}
.left {
float:left;}
.right {
float:right;}
h1, h2, h3 {
font-size:18px;
/*font-weight:bold;*/
line-height:130%;
margin:0 0 10px 0;}
/************************************************************/
#wrapper_1 {
background:#FFFFFF url(./img/top_bg.gif) no-repeat top left;
width:942px;
height:105px;
margin:0px auto 0px auto;
position:relative;}
/************************************************************/
#page_header {
background:url('img/page_header.gif') no-repeat right top;
width:792px;
height:105px;
position:absolute;
top:0;
right:0;
}
/************************************************************/
#logo {
position:absolute;
top:0px;
left: 4px;
}
#logo a, #logo a:visited {
width:147px;
height:110px;
background:url(./img/twsh_logo.gif) no-repeat left top;
display:block;
cursor:pointer;
text-indent:-9999px;
}
/************************************************************/
#DoubleLogo {
}
/************************************************************/
#top_nav {
position:absolute;
top:-20px;
left:214px;
line-height:130%;}
#top_nav ul li {
float:left;
display:inline;
padding:0 6px 0 0;
margin:0 6px 0 0;
background:url(./img/top_nav_li_bg.gif) no-repeat right 5px;
font-weight:bold;}
#top_nav ul li.last {
padding:0;
margin:0;
background:none;}
#top_nav ul li a, #top_nav ul li a:visited {
color:#ced6e6;
display:block;}
#top_nav ul li a:hover {
color:#FFFFFF;}
/************************************************************/
#wrapper_2 {
background:#FFFFFF  no-repeat bottom left;
width:942px;
min-height: 100%;
margin: 0 auto;
padding:0 0 0px 0;}
#wrapper_3 {
background: url(./img/body_bg.gif) repeat-y top left;
width:942px;
min-height: 100%;
padding:0 0 5px 0;}
/************************************************************/
#left_column {
padding:5px 0 0 24px;
float:left;}

#left_links {
        width: 119px;
        margin: 0px;
        }

#left_links li a {
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 20px;
        text-decoration: none;
        }

#left_links li a:link, #left_links li a:visited
{
    color: #4D4D4D;
    display: block;    
    padding: 8px 0 0 8px;
}

#left_links li a:hover, #left_links li #current {
        color: #FF9834;        
        padding: 8px 0 0 8px;
        }
#left_links a.BlogLink {
        display:absolute; height:24px; top:50%; margin-top:-12px; /* div高度的一半 */       
}
/* --- Category List/Menu --- */
#CategoriesListBlock{
display: block;
width: 100px;
margin: 1px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 20px;
}
#CategoriesListBlock ul li  {
padding: 0px 0 0 0px;
list-style-type: square;
}



#side_nav {
/*margin:-25px 0 0 0;*/}
#side_nav ul li {
/*font-weight:bold;*/
font-size:14px;

/*font-style:italic;*/
margin:0 0 12px 0;}
#side_nav ul li a.slected {
color:#1c317e;}
/************************************************************/
/************************************************************/
#right_column {
    width:791px;
    background:url(./img/right_column_bg.gif) repeat-y top left;
    float:right;}
#right_column_body {
    background: url(./img/right_column_bg_btm.gif)  no-repeat bottom left;
    width: 780px; /*mainly 509px*/
    padding: 1px;
    float: left;}
#right_column_body h1 {
    color:#996633;
    font-size:19px;
    margin:0 0 5px 0;}
#right_column_body img {
    display:inline-block;
    }
#right_column_body ul.gallery li {
    background:none;
    padding:0;
    margin:0 0 15px 0;
    width:579px;
    overflow:hidden;}
#right_column_body .gallery img {
width:115px;
float:left;
margin:0 5px 0 0;}
#right_column_body .gallery div {
float:left;
width:359px;}
#right_column_body .gallery h2, #right_column_body .gallery h2 a, #right_column_body .gallery h2 a:visited {
font-size:17px;
margin:0 0 5px 0;
color:#996633;}
#right_column_body .gallery h2 a:hover {
text-decoration:underline;}
#right_right_column {
width:120px;
padding:5px 5px 5px 5px;
float:right;}
/************************************************************/
/************************************************************/
#down_gal {
    color:#2B2B2B;
    margin:1px auto;
    width:740px;    
    padding:0 0 0px 0px;}
/************************************************************/
#copy_right {
color:#FFFFFF;
text-align:right;
width:900px;
margin: 0 auto;
padding: 3px 0 5px 0;}
#copy_right a, #copy_right a:visited {
color:#ced6e6;
font-weight:bold;}
#copy_right a:hover {
color:#FFFFFF;}
/*************** gallery *******************/
.gal_content {
/*width:620px;*/
padding: 5px;
overflow:hidden;
}
#buttons {
	float:left;
}

#buttons a {
	display:block;
	width:110px;
	height:45px;
	margin:0 3px;
	float:left;}
#dot_line {
height:5px; background:url('img/dot_line.gif') repeat-x right center;
}

/*- Menu 10--------------------------- */

#menu10 {
        width: 119px;
        margin: 1px;
        }
        
#menu10 ul {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        }
        
#menu10 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu10 li a:link, #menu10 li a:visited {
        color: #4D4D4D;
        display: block;
        background:  url(menu10.gif);
        padding: 8px 0 0 8px;
        }

#menu10 li a:hover, #menu10 li #current {
        color: #FF9834;
        background:  url(menu10.gif) 0 -32px;
        padding: 8px 0 0 8px;
        }

#Details .table th, .table td
{
    padding: 0 0 0 0;    
    vertical-align: middle;
    border-top: 1px solid #dddddd;
}
      
#details_filter label
{
    font-size: 8pt;
}
        
.div_table-cell{
	display:table-cell; 
	text-align:center; 
	vertical-align:middle;    
	}
 
/* IE6 hack */
.div_table-cell span{
	height:100%; 
	display:inline-block;
	}
 
/* 讓table-cell下的所有元素都居中 */
.div_table-cell *{ vertical-align:middle; }        

/* 將原網頁中之 css 移至此處 */
input 
{
    margin-left: 5px;
}
.topbar
{
	BACKGROUND: #333333;
}
.notebar
{
	BACKGROUND: #FFFFFF;
}

.headerwhite1
{
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	LETTER-SPACING: -0.2pt;
}
.headernote
{
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	LETTER-SPACING: -0.2pt;
}
.lDS
{
	background:#eeeeee;
	border-bottom:1px solid #cccccc;
	font-size:12px; 
	text-align:center;
}
.gridDarkStrip
{
	background:#eeeeee;
	border-bottom:1px solid #cccccc;
	font-size:12px; 
}
.gDS
{
	background:#eeeeee;
	border-bottom:1px solid #cccccc;
	font-size:12px; 
	text-align:center;
}
.gridDarkStrip td{
    background:#eeeeee;
    border-bottom: 1px solid #cccccc;     
}
.gridLightStrip
{
	background:#f9f9f9;
	border-bottom:1px solid #cccccc;
	font-size:12p;
}
.lLS
{
	background:#f9f9f9;
	border-bottom:1px solid #cccccc;
	font-size:12p;
	text-align:center;
}
.gLS
{
	background:#f9f9f9;
	border-bottom:1px solid #cccccc;
	font-size:12p;
	text-align:center;
}
.gridLightStrip td{
    background:#f9f9f9;
    border-bottom: 1px solid #cccccc; 
}
.gridBorderBottom
{
	border-bottom:1px solid #cccccc;
}
.gridColorDIV
{
	width:8px;
	height:8px;
	font-size:12px
}
.gridNoFont
{
	font-size:2px
}
.gridHeader
{
	background:#aaaaaa;
	border-bottom:1px outset #cccccc;
    font-size:12px;
}
.gridHeader th 
{
    FONT-WEIGHT:normal;
    background:#FFFFFF;
    border-bottom: 1px solid #cccccc; 
}
.headerDeepBlue
{
	COLOR: #FFFFFF;
	BACKGROUND: #4F94CD;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	LETTER-SPACING: -0.2pt;
}
.table
{ 
	BORDER-RIGHT: 1px solid #DFDFDF;
	BORDER-LEFT: 1px solid #DFDFDF;
	BORDER-BOTTOM: 1px solid #DFDFDF;
	BACKGROUND: #FFFFFF;
	FONT-WEIGHT: normal;
	vertical-align: bottom;
}

.texthidden
{
display:block;/*統一轉化為塊級元素*/
overflow: hidden;
width: 0;
height: 0;
}

/*- Menu Tabs 7--------------------------- */
       
    #tabs7 {
      float:left;
      width:100%;
      background:#FFFFFF;
      font-size:93%;
      line-height:normal;      
      }
    #tabs7 ul {
          margin:0;
          padding:0px 8px 0 8px;
          list-style:none;
      }
    #tabs7 li {
      display:inline;
      margin:0;
      padding:0;
      color:#FF9834;
      }
    #tabs7 li #current {
      color: #FF9834;  
    }
    #tabs7 a {
      float:left;
      background:url("tableft7.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs7 a span {
      float:left;
      display:block;
      background:url("tabright7.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs7 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs7 a:hover span {
      color:#FF9834;
      }
    #tabs7 a:hover {
      background-position:0% -42px;
      }
    #tabs7 a:hover span {
      background-position:100% -42px;
      }
    #tabs7 li a:link,#tabs7 li a:visited {
      color: #4D4D4D;      
      }      
    #tabs7 #current a 
    {
      color: #FF9834;
      background-position:0% -42px;
      }
    #tabs7 #current a span {
      background-position:100% -42px;
      }
-->

/*- Menu Tabs 2--------------------------- */
       
    
    #tabs2 {
      float:left;
      width:100%;
      background:#FFFFFF;
      font-size:93%;
      line-height:normal;      
      }
    #tabs2 ul {
          margin:0;
          padding:0px 8px 0 8px;
          list-style:none;
      }
    #tabs2 li {
      display:inline;
      margin:0;
      padding:0;
      color:#FF9834;
      }
    #tabs2 li #current {
      color: #FF9834;  
    }
    #tabs2 a {
      float:left;
      background:url("tableft7.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs2 a span {
      float:left;
      display:block;
      background:url("tabright7.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs2 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs2 a:hover span {
      color:#FF9834;
      }
    #tabs2 a:hover {
      background-position:0% -42px;
      }
    #tabs2 a:hover span {
      background-position:100% -42px;
      }
    #tabs2 li a:link,#tabs2 li a:visited {
      color: #4D4D4D;      
      }      
    #tabs2 #current a 
    {
      color: #FF9834;
      background-position:0% -42px;
      }
    #tabs2 #current a span {
      background-position:100% -42px;
      }
-->