body {font-size:10pt;color:black;background:#afbedb;background-image:url();background-attachment : fixed;background-repeat: no-repeat; }
a:link {color:#666666} 
a:visited {color:#666666 }  
a:hover {color:#1989FF; text-decoration:none;} 

a.linka{color:white}
a.linka:hover{color:#8cdfff;BACKGROUND-COLOR:none;position:static}

a.linkb{color:black;text-decoration:none}
a.linkb:hover{color:#1BCFEC; text-decoration:none}

a.linkc {color:black;text-decoration:none} 
a.linkc:visited {color:black;text-decoration:none }  
a.linkc:hover {color:#1BCFEC; text-decoration:none} 


h1{font-size:12pt}

.type1 {font-size:14pt}
.showup_text{color:#3B39DF}
    .text1{font-size:10pt;color:black}
    .text2{color:#666666;font-size:10pt}
    .text-small{font-size:8pt;color:#555}
  
    #title{height:20px;width:150px;border-bottom:1px solid white;border-top:1px solid white;padding:4px;color:black;text-align:center;background-image:url(Img/bg_button_small2.png); background-repeat:repeat-x}  
  
    #table1{border:1px solid white;padding:6px;color:black;text-align:center;background-image:url(Img/bg_Table.png); } 
    #table2{padding:6px;color:white;text-align:center;BACKGROUND-COLOR:#61BADF} 
    #table3{padding:6px;color:#555555;text-align:center;BACKGROUND-COLOR:#F5F5F5}  
    #table4{border:1px solid white;padding:6px;color:black;text-align:center;background-image:url(Img/bg_Table_large.png);} 
	#table5{padding:6px;color:white;text-align:left;BACKGROUND-COLOR:#61BADF} 
	
.table_sider{border:1px solid #eeeeee;background-image:url(Img/bg_table_side.png)}

hr {border:0; height:1px; background-color:#AAAAAA;	color:#AAAAAA}  
 
.title1{BACKGROUND-COLOR: #888888; color:white;text-align:right}
.bgcolor1{BACKGROUND-COLOR: #FFF}
.Textbox1{border-color:#DDDDDD; border-style :solid}
    

.button1{BACKGROUND-COLOR: #055cc5; BORDER-BOTTOM: #D4E6F8 1px solid; BORDER-LEFT: #D4E6F8 1px solid; BORDER-RIGHT: #D4E6F8 1px solid; BORDER-TOP: #D4E6F8 1px solid; COLOR: white}  
.button2{BACKGROUND-COLOR: #055cc5; BORDER-BOTTOM:#555555 1px solid; BORDER-LEFT:#555555 1px solid; BORDER-RIGHT:#555555 1px solid; BORDER-TOP:#555555 1px solid; COLOR: white}
.button3{font-size:8pt;BACKGROUND-COLOR: #555555; BORDER-BOTTOM:#888888 1px solid; BORDER-LEFT:#888888 1px solid; BORDER-RIGHT:#888888 1px solid; BORDER-TOP:#888888 1px solid; COLOR:white;background-image:url(Img/bg_button_small.png); }
.button4{font-size:8pt;BACKGROUND-COLOR: white; BORDER-BOTTOM:#555555 1px solid; BORDER-LEFT:#555555 1px solid; BORDER-RIGHT:#555555 1px solid; BORDER-TOP:#555555 1px solid; COLOR:#333333;background-image:url(Img/bg_button_small2.png); }
.button5{font-size:8pt;BACKGROUND-COLOR: white; BORDER-BOTTOM:#9ea9b9 1px solid; BORDER-LEFT:#eeeeee 1px solid; BORDER-RIGHT:#d0d5de 1px solid; BORDER-TOP:#ffffff 1px solid; COLOR:#333333;background-image:url(Img/bg_button_Grey.png); }
.button6{font-size:10pt;BACKGROUND-COLOR: blue; BORDER-BOTTOM:#9ea9b9 1px solid; BORDER-LEFT:#eeeeee 1px solid; BORDER-RIGHT:#d0d5de 1px solid; BORDER-TOP:#ffffff 1px solid; COLOR:white; }
div.RoundedCorner{background-color: #FFF;}
content_height {height: 200px}
b.rtop, b.rbottom{display:block;background: #d7dbe2}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #FFF}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/* 彈跳視窗ToolTip */
a.tips{
z-index:9;
color:#55A8FF;
/* border-bottom:1px dotted #690; */
text-decoration:none;
}
a.tips:hover{
position:relative;
z-index:99;
cursor:help;
}
a.tips span{
display:none;
}
a.tips:hover span{
display:block;
position:absolute;
float:left;
white-space:nowrap;
top:2.9em; 
left:0;
background:#EBF5FF;
border:1px solid #888;
color:#444;
padding:7px 7px 7px 7px;
margin:0px;
z-index:9;
font-size:9pt;font-family:Arial Black
}
/* 彈跳視窗ToolTip end */ 


@media only screen and (max-device-width: 1024px) and (orientation:portrait) 
{  
 .landscape { display: none; }  
}  

@media only screen and (max-device-width: 1024px) and (orientation:landscape) 
{  
 .portrait { display: none; }  
}  


<!--
(1)css 樣式命名用 .name {...}
調用時用,class="name"
(2)css 樣式命名用 #name {...}
調用時用,id="name" 
-->





/* 整體設置*/ 
.navigation {
	margin:0; 
	padding:0;
	width:610px;
	list-style-type:none; 
	font:10px Arial; 
	}
 
.navigation li {
	/* float:left; */ 
    padding:0; 
	margin:0 6px 0 0; 
	_margin:0 2px 0 0; 
	width:90px;
	}
 
/* 設置選單區塊*/
.navigation li dl { 
	width:80px;/*ie6*/
    margin:0; 
	padding:0;
	background-color:#fff;
	border:solid 1px #999; 
	}
 
.navigation li dt a , .navigation li dd a{ display:block;}
 
 
/* 設置主選單dt */
.navigation li dt {
	margin:0;
	padding: 5px;
	text-align:center;
	background-color:#fff;	
	font-size: 10px;
	font-weight: bold;
	height:12px;
	overflow:hidden;
	}
 
.navigation li dt a ,.navigation  li dt a:visited {
	display:block; 
    color:#333;
    text-decoration:none;
	}
 
/* 設置子選單dd */
.navigation li dd { 
	margin:0; 
    padding:0; 
	color: #333; 
	background-color:#efefef;
	border-bottom:solid 1px #666;
	}
 
.navigation li dd.last {
	border-bottom:0;
	}	
 
.navigation li dd a, .navigation  li dd a:visited {
	text-align:center;
	display:block; 
	color:#333; 
    text-decoration:none; 
	padding:2px 2px 2px 2px;
    }
 
 
/*隱藏子選單*/
.navigation li dd { display:none;}
 
 
/* 滑鼠滑入顯示子選單 */
.navigation li:hover dd, .navigation li a:hover dd { display:block;}
 
/*ie6 hack*/
.navigation li:hover,.navigation li a:hover { border:0;}
.navigation table { border-collapse:collapse; 
    padding:0; 		
	text-align:left;
	}

 


.MenuWindows{
cursor:pointer;margin-bottom: 3px;background-color:#5c8ff5;
color:white;width:89px;padding:2px;
text-align:center;font-weight:bold;border:1px solid #5c8ff5;

}

.SubWindows
{background-color:white;
text-align:center;
/* margin-bottom: 0.5em; padding:5px;*/
float:none;
border:1px solid #888; padding:3px;
}

.PicLink {
  color: Black;
  text-decoration: none;
}

#LinkButton_FullScreenB  {
  color: Black;
  text-decoration: none;
}