body {
	margin-top: 5px;
	padding: 0;
	color: #272727;
	background: #fff ;
	font-size: 98%;
	text-decoration: none;
}
h1
{
    font-size:140%;
    background:#b3b3b3;
    font-family:標楷體; 
    color:White;
    padding-left: 8px;
    }
    
h2 {
    font-size:140%;
   font-family:標楷體; 
    color:#990000;
    font-weight:bold;
    letter-spacing: 0px;
}

h3{
    font-size: 114%;
    font-family:標楷體; 
	line-height: 150%;
	font-weight: bold;
	margin-bottom: 0px;
	color: #7CA995;

}

p{
    display:inline;
    line-height:160%;
}

a
{ 
   color: #0099CC;

    text-decoration:none;
}


a:hover
{ 
   color: red;
    text-decoration:none;
}

a:active
{
    color: red;
     text-decoration:none;
}


.Minfo {
    float : left;
    font-size:98%;
	line-height: 150%;
    letter-spacing:1pt;
	color: #0F4780;
	margin:2px;
    padding:5px;
}


.DecTxT 
{
    font-size: 13px;
    letter-spacing: 1px;
    text-indent:1cm;
    }
    
.DateTimeTxT 
{
    font-size: 60%;
    color: #0099CC}
    
.style8 {font-size: 13px; color: #0099CC; }

/*- mel - */ 
#WebPAlbum h2 {
     font-size: 114%;
    font-family:標楷體; 
	line-height: 150%;
	font-weight: bold;
	margin-bottom: 0px;
	color: #7CA995;
}

#WebPAlbum .subtxt {
    font-size: 85%;
	line-height: 150%;
	color: #757575;
}

/*- mel - */ 
#WebSPage h1 {
     font-size: 124%;
	line-height: 150%;
	font-weight: bold;
	margin-bottom: 0px;
	color: #ffffff;
}

#WebSPage .Contxt
{
    clear: both;
    display:inline;
    line-height:160%;
    letter-spacing:1pt;
    font-size: 96%;
}

#WebSPage .p
{
   
    display:inline;
    line-height:160%;
    letter-spacing:1pt;
    font-size: 96%;
}


#WebSPage .SubDec 
{

    font-size: 98%;
	line-height: 160%;
    letter-spacing:1pt;
    margin: 0px 0px 0px 0px;
    padding:0px 0px;
}

/*-index_tab 側欄 -*/
#tab-right {
	font-size: 13px;
	color: #272727;
}
.tabimg0 {
	margin: 30px 60px auto 85px;
}

.tab-img {
	margin: 32px auto auto 85px;
}
/*- 最頂導覽 -*/
#nav-logo{
  float:left;
}
#nav-top{ float:right; overflow: hidden; width:600px;padding:2px 0 0 0;}
#nav-top ul{ display: inline; padding: 0; font-size: 0.8em; list-style-type: none;}
#nav-top li{ margin: 0; display: inline;}
#nav-top li a , #nav-top li a:visited{
  display: inline;
  text-decoration: none;
  padding: 2px 7px 2px 7px;
  color: #1879AD;
  border-right:1px solid #CCCCCC;
}
#nav-top li a:hover, #nav-top li.selected a{ color: #FF6600;}
#nav-top li a.last{border-right:1px solid #FFFFFF;}
/*- navigation1 - */ 
#navpic ul{
    list-style-type: none;
	margin-left: 30px;
	padding: 0px;
}
#navpic li{
    margin: 0px;
    float: left;
}
#navpic li span{
    display:none;
}
#navpic li a {
	height: 19px;
	display: block;
}
#navpic li.one a {
    background: url(image/index2009/images/button01.gif);
	width:54px;
}
#navpic li.one a:hover{
    background: url(image/index2009/images/button01b.gif);
}
#navpic li.two a {
    background: url(image/index2009/images/button02.gif);
	width:172px;
}
#navpic li.two a:hover{
    background: url(image/index2009/images/button02b.gif);
}
#navpic li.three a {
    background: url(image/index2009/images/button03.gif);
	width:73px;
}
#navpic li.three a:hover{
    background: url(image/index2009/images/button03b.gif);
}
#navpic li.four a {
    background: url(image/index2009/images/button04.gif);
	width:121px;
}
#navpic li.four a:hover{
    background: url(image/index2009/images/button04b.gif);
}
#navpic li.five a {
    background: url(image/index2009/images/button05.gif);
	width:105px;
}
#navpic li.five a:hover{
    background: url(image/index2009/images/button05b.gif);
}
#navpic li.six a {
    background: url(image/index2009/images/button06.gif);
	width:131px;
}
#navpic li.six a:hover{
    background: url(image/index2009/images/button06b.gif);
}

#evaluate{background: url(image/index2009/images/butt06.gif) no-repeat; cursor:hand; height:62px;}
#evaluate a {text-decoration: none;}
#evaluate a span{display:none;}
#evaluate:hover{background: url(image/index2009/images/butt06b.gif) no-repeat; cursor:hand;}

#tab1{background:url("image/index2009/images/tabbg.png") left top no-repeat #FFFFFF;}
#tab2 {background:url("image/index2009/images/tabbg.png") right top no-repeat #FFFFFF;}

#navpic2 {
width:800px;
padding: 0;
margin:0;
position:relative; 
font-family:georgia, arial, verdana, sans-serif; 
font-size:12px;
z-index:500;
top:6px;
}

#navpic2 ul {
margin:0; 
padding:0; 
list-style:none; 
display: inline;
}

#navpic2 li {
float:left;
}

#navpic2 ul a {
display:block; 
float:left; 
text-decoration:none; 
white-space:nowrap; 
 height:40px;
}
#navpic2 b {position:absolute; display:none;}

#navpic2 ul a.one {background:url(image/index2009/images/butt01.gif) no-repeat top; width:153px;}
#navpic2 ul a.two {background:url(image/index2009/images/butt02.gif) no-repeat top; width:167px;}
#navpic2 ul a.three {background:url(image/index2009/images/butt03.gif) no-repeat top; width:160px;}
#navpic2 ul a.four {background:url(image/index2009/images/butt04.gif) no-repeat top; width:137px;}
#navpic2 ul a.five {background:url(image/index2009/images/butt05.gif) no-repeat top; width:175px;}

#navpic2 ul a:hover, 
#navpic2 ul li:hover a {
background-position:left bottom; 
cursor:pointer; 
}
#navpic2 .sub {
display:none;
}
#navpic2 ul ul {display:none;}

/* IE6 only */
#navpic2 table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

#navpic2 .sub {
margin:0; 
padding:0;
list-style:none;
background: #E7EFEF;
}

#navpic2 .sub li {background:transparent; height:20px; line-height:20px}
#navpic2 .sub li.item {font-weight:bold; color:#E7EFEF; padding-left:10px;}

#navpic2 ul :hover .sub {
  height:25px;
  display:block; 
  position:absolute;
  float:left;
  width:790px;
  top:39px; 
  left:0px; 
  text-align:center;
}

#navpic2 ul :hover .sub li a 
{display:block; height:20px; float:left; padding:5px 10px 0px 10px; margin-top:0px; white-space:nowrap; color:#204C66;font-size:12px; background:url(image/index2009/images/bar.png) right no-repeat;}

#navpic2 ul :hover .sub li a:hover
{color:#FF6600; line-height:20px;background:url(image/index2009/images/bar.png) right no-repeat;}
#navpic2 ul :hover .sub li a.last{background: url(image/index2009/images/wbg.jpg);}
/*- navigation3 - */ 
#bgs{
  background:url(image/index2009/images/bgs.gif) no-repeat #FFFFFF;
}
#navpic3{
  float:left;
  overflow: hidden;
  padding-top:5px;
  background: #CCCCCC;
}

#navpic3 ul{
  display: inline;
  margin-left:1px;
  padding-left:0px;
  font-size: 0.8em;
  list-style-type: none;
}

#navpic3 li{
  margin: 0;
  display: inline;
}

#navpic3 li a , #navpic3 li a:visited{
  display: inline;
  text-decoration: none;
  margin: 0;
  padding: 2px 32px;
  color: #FFFFFF;
  background:url(image/index2009/images/Popup.gif) 18% 50% no-repeat #000000;
}

#navpic3 li a:hover, #navpic3 li.selected a{
  color: #272727;
  background:url(image/index2009/images/Popupb.gif) 18% 50% no-repeat #FFFFFF;
}
#query0{
  cursor:hand; 
 width:300px;
 height:60px;
  }
#query{
  background:#8C1C16;
  color:#FFFFFF;
  margin:0 20px 3px 20px;
  padding:5px 5px 3px 7px;
}

/*- 左欄- */ 
#side-left1{
  border:2px solid #0879B5;
  margin-top:10px;
  height:200px;
}
#side-left1 h1{
  font-size:1.0em;
  padding-left:10px;
  padding-bottom:3px;
  border-bottom:2px solid #CCCCCC;
}
/*- 右欄- */ 
#side-right0{
  margin-left:5px;
  padding:1px 5px 10px 5px;
  font-size:0.8em;
  line-height:140%;
  position: relative;
  left: 5px;
  top: 5px;
}
#side-right0 li{
  margin-left:10px;
}
#side-right1{
  margin-left:5px;
  padding:1px 5px 10px 5px;
  font-size:0.8em;
  line-height:140%;
  position: relative;
  left: 5px;
  top: 5px;
}
.shadowcontainer{
  width: auto;
  background-color: #E2E2E2;
}
.shadowcontainer .innerdiv{
  background-color: white;
  border-top:4px solid #7BC7F7;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  padding: 10px;
  height:220px;
  width:290px;
  position: relative;
  left: -5px;
  top: -5px;
}
.shadowcontainer .innerdiv2{
  border-left:3px solid #9FD9F6;
  border-right:3px solid #9FD9F6;
  border-bottom:3px solid #9FD9F6;
  background:url(image/index2009/images/bgrightside.gif) top no-repeat #FFFFFF;
  padding: 50px 5px 5px 5px;
  width:295px;
  position: relative;
  left: -5px;
  top: -5px;
}
#side-right1top{
  margin-left:3px;
  font-family:"Arial", "Helvetica", "sans-serif";
  overflow: hidden;
  font-size:1.0em;
}
#side-right1top .one{
  background-color:#84C721;
  padding:2px 10px;
  margin-right:4px;
  margin-left:8px;
}
#side-right1top .two{
  background-color:#FFF700;
  padding:2px 10px;
  margin-right:4px;
}
#side-right1top .three{
  background-color:#D62018;
  padding:2px 10px;
  margin-right:4px;
}
#side-right1top .four{
  background-color:#0096DE;
  padding:2px 10px;
}
#side-right1top .five{
  margin-left:230px;
}
#side-right1top .six{
  font-size:26px;
  color:#B71C14;
  font-weight:bold;
  padding:0 2px;
}
#side-right-img{
  overflow: hidden;
  padding: 0px;
  margin-top:-8px;
}
#side-right-img ul{
  list-style: none;
  padding: 1px 1px;
  margin-left: 8px;
  margin-bottom: 5px;
}
#side-right-img li{
  display: inline;
}
#side-right3{
  border:1px solid #CCCCCC;
  height:190px;
  margin:10px 0 0 5px;
  padding:5px;
  font-size:0.8em;
  background: url(image/index2009/images/bgrightside3.gif) bottom right no-repeat #FFFFFF;
}

#bottom {
  background:url(image/index2009/images/bottom.gif) 98% 50% no-repeat;
  font-size:0.7em;
  padding:0px 5px 0 5px;
  border-top:5px solid #FFFFFF;
  line-height:150%;
  color:#000000;
}
#bottom  span{font-family:"Arial";}

#nav-bottom{
  float:left;
  overflow: hidden;
  margin:-5px 0 0 0;
  padding:2px 0 0 0;
}

#nav-bottom ul{
  display: inline;
  padding: 0;
  font-size: 0.8em;
  list-style-type: none;
}

#nav-bottom li{
  margin: 0;
  display: inline;
}

#nav-bottom li a , #nav-bottom li a:visited{
  display: inline;
  text-decoration: none;
  padding: 2px 7px 2px 7px;
  color: #1879AD;
  border-right:1px solid #BFBFBF;
}

#nav-bottom li a:hover, #nav-bottom li.selected a{
  color: #FF6600;
}
#nav-bottom li a.last {border-right:1px solid #E2E2E2;}

#bott{
  background-color:#73C7F7;
  margin:25px 0 0 0;
  padding:0 300px 0 0;
  font-size:0.7em;
  height:20px;
}
* html #bott{margin:0;} 
* +html #bott{margin:0;} 

/*- 中間 部分-*/
#middle{clear:both; font-family:"Arial", "Helvetica", "sans-serif";margin-top:30px; padding-top:10px;}
#middle h2{font-size:1.0em; color:#8C1C1C; margin:0 0 2px 10px; padding-left:5px;}
#middle table{font-size:1.0em; border:1px solid #CCCCCC; border-collapse:collapse; margin-bottom:20px;line-height:150%;}
#middle table tr.addbg{background-color:#E2E2E2;}
#mileft{float:left;width:49%;}
#miright{float:right;width:49%;}


/* AJAX - TabContainer */

.ajax_tab_top .ajax__tab_header /*整體按鈕底*/{
/*font-family:verdana,tahoma,helvetica; 設定文字*/
font-size:110%; /*文字大小*/
/*background:url("image/index2009/images/b-blue.jpg") repeat-x bottom; 背景圖片，水平重複，靠下對齊*/
margin: 0px 0px 0 0;/*邊界為0*/
padding: 0px 10px; 
 color:White;


}
.ajax_tab_top .ajax__tab_body /*資料區*/{

}


.ajax_tab_top .ajax__tab_outer /*預設-右邊*/{

}


.ajax_tab_top .ajax__tab_inner /*預設-左邊*/{
}


.ajax_tab_top .ajax__tab_tab /*預設-中間*/
{
     background-color:yellow;
     width:25px;
     color:black;
} 


.ajax_tab_top .ajax__tab_hover .ajax__tab_outer /*滑鼠經過-右*/
{/* background:url("image/index2009/images/b-blue.jpg") no-repeat right;背景圖片，不重複，靠右對齊*/
 }
      
.ajax_tab_top .ajax__tab_hover .ajax__tab_inner /*滑鼠經過-左*/
{/*background:url("image/images/tabv_lg.jpg") no-repeat; 背景圖片，不重複*/}

.ajax_tab_top .ajax__tab_hover .ajax__tab_tab /*滑鼠經過-中*/
{/*background:url("image/images/tabv_mg.jpg") repeat-x; 背景圖片，水平重複*/
 /*color:Black;*/
 background-color:red;
 color:black;
 
 }

.ajax_tab_top .ajax__tab_active .ajax__tab_outer /*使用中-右*/
{/*background:url("image/images/tabv_rg.jpg") no-repeat right;背景圖片，不重複，靠右對齊*/
    
    }


.ajax_tab_top .ajax__tab_active .ajax__tab_inner /*使用中-左*/
{/*background:url("image/images/tabv_lg.jpg") no-repeat;背景圖片，不重複*/
    }


.ajax_tab_top .ajax__tab_active .ajax__tab_tab /*使用中-中*/
{
    /*background:url("image/images/tabv_mg.jpg") repeat-x;背景圖片，水平重複*/
     background-color:#7BC7F7;
    }
    
    
/*- images  舊版 - */    
div.img 
{
    margin-top: 20px;
    overflow: hidden;
    padding: 0px;
}

div.img ul {
    list-style: none;
    padding: 1px 1px;
    line-height: 0px;
	margin-left: 0px;
	margin-bottom: 25px;/* 修正IE  最後一個logo會被遮住的問題  丁方修改2008.09.11*/
}

div.img li {
    display: inline;
}
/*
div.img p {
	height:80px;
	width:115px;
	border:#CCCCCC 1px solid;
	padding:5px;
	margin:5px;
	text-align:center;
	display:inline;
}*/

div.img .albumpic {
	float:left;
	height: 80px;
	width:120px;
	padding: 7px 0px;
	margin: 0px 20px 30px 12px;  /* 調整logo之間的距離--丁方修改2008.09.11*/
	background-image:url(image/index/logo_b.gif);
	background-repeat:no-repeat;
/*	background: white;
	border: 1px solid;
	border-color: #AAA #CCCCCC #CCCCCC #AAA;*/
	text-align: center;
	vertical-align: baseline;
}

div.img .albumtext {
	float: left;
	height:0px;
	width:120px;
	padding: 9px 0px;
	margin: 5px 1px 0px 0px;
	font-size: 9pt;
	text-align: center;
	vertical-align: baseline;
	font-weight:bold;
	text-decoration:none;
}

div.img .albumtext2 {
	float: left;
	height:8px;
	width:100px;
	padding:5px 10px;
	margin: 0px 1px 0px 0px;
	font-size: 9pt;
	text-align: center;
	vertical-align: baseline;
	text-decoration:none;
}

/* AJAX - TabContainer */

.ajax_tab_my .ajax__tab_header /*整體按鈕底*/{
font-family:verdana,tahoma,helvetica; /*設定文字*/
font-size:12pt; /*文字大小*/
background:url("tab-line.gif") repeat-x bottom; /*背景圖片，水平重複，靠下對齊*/
margin: 0;/*邊界為0*/
padding:0px; 

}
.ajax_tab_my .ajax__tab_body /*資料區*/{
font-family:verdana,tahoma,helvetica;/*設定文字*/
/*font-size:10pt;文字大小*/
border:4px solid #D8E480;/*邊框*/
/*border-top:20px;邊框上頭寬度為0 → 就等於沒有上邊框囉*/

padding:5px; /*文字與邊框間隔*/
/*background-color:#D8E480;*/
margin: 0 0 0 0;/*邊界為0*/

/*background-image:url("image/images/tab_nav.png") ;/*背景顏色*/
}


.ajax_tab_my .ajax__tab_outer /*預設-右邊*/{
background:url("image/images/tab_rg.jpg") no-repeat right; /*背景圖片，不重複，靠右邊對齊*/
padding-right:6px; /*右邊距離→為此圖片的寬度，才能顯示圖片喔*/
/*height:15px; /*圖片高度*/
margin:2px 0px 0px 0px;
}


.ajax_tab_my .ajax__tab_inner /*預設-左邊*/{
padding-left:8px;/*左邊距離→為此圖片的寬度*/
background:url("image/images/tab_lg.jpg") no-repeat;/*背景圖片，不重複*/}


.ajax_tab_my .ajax__tab_tab /*預設-中間*/{
background:url("image/images/tab_mg.jpg") repeat-x; /*背景圖片，水平重複*/
height:25px;/*圖片高度*/
padding:4px; /*文字與圖片邊間隔*/
margin:0;/*邊界為0*/
color:White;} 


.ajax_tab_my .ajax__tab_hover .ajax__tab_outer /*滑鼠經過-右*/
{background:url("image/images/tabv_rg.jpg") no-repeat right; /*背景圖片，不重複，靠右對齊*/
 }
    
    


.ajax_tab_my .ajax__tab_hover .ajax__tab_inner /*滑鼠經過-左*/
{background:url("image/images/tabv_lg.jpg") no-repeat; /*背景圖片，不重複*/}


.ajax_tab_my .ajax__tab_hover .ajax__tab_tab /*滑鼠經過-中*/
{background:url("image/images/tabv_mg.jpg") repeat-x; /*背景圖片，水平重複*/
 color:Black;}

.ajax_tab_my .ajax__tab_active .ajax__tab_outer/*使用中-右*/
{background:url("image/images/tabv_rg.jpg") no-repeat right;/*背景圖片，不重複，靠右對齊*/}


.ajax_tab_my .ajax__tab_active .ajax__tab_inner /*使用中-左*/
{background:url("image/images/tabv_lg.jpg") no-repeat;/*背景圖片，不重複*/
    color:Black;
    }


.ajax_tab_my .ajax__tab_active .ajax__tab_tab /*使用中-中*/
{background:url("image/images/tabv_mg.jpg") repeat-x;/*背景圖片，水平重複*/}

/*WebSiteMap*/

#stratum{
	margin: 1px;
	padding: 10px;
	width:600px;
	BORDER: buttonface thin dashed; 
	
}

#stratum ul{
  list-style-type:square;
  margin-left:10px;
  padding-left:10px;
}
#stratum li a{
  color:#666666;
  font-weight: normal;
  border-bottom: 1px dotted #666666;
  padding: 3px 30px 0px 5px;
  margin: 0px 0px 0px 0px;
  line-height: 100%;
}
#stratum li a:hover{
  color:#336699;
  text-decoration: none;
  border-bottom: 1px dotted #336699;
}


.left-m-item{
  float:left;
  width:49.5%;
}
.right-m-item {
  float:right;width:49.5%;
}