@charset "utf-8";
/* CSS Document */

body{
	margin-top: 0px;
	background-color: #EEE;
}

li{
list-style-type:none;
}

#greenBg {
	background-color: #EEE;
}
#blueBg {
	background-color: #EEE;
}
#redBg {
	background-color: #EEE;
}
#darkgreenBg {
	background-color: #EEE;
}
#purpleBg {
	background-color: #EEE;
}
#orangeBg {
	background-color: #EEE;
}

#whiteBg{
    background-color: #FFF;
}

#content{
	position: relative;
	background: #FFF;
	width: 1000px;
	height:auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	overflow:visible;
}
#leftbar{
	width: 270px;
	float: left;
	/*padding-top: 0px;
	padding-left: 15px;
	padding-bottom:20px;
	padding-right: 15px;*/
	padding: 0px 0px 20px 10px;
	background-color: #fff;
	overflow:visible;
}

#leftbar ul
{
    color:Black;
    "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif
    font-size: 9pt;	
}

#leftbar b
{
    font-size: 15pt;	
}

#rightbar {
	float:left;
	width: 700px;
}
#vertMenuholder{
	width : 228px;
	float:left;
	margin-bottom: 0px;
	margin-left:0px;
	padding-left:6px;
	padding-bottom:0px;
	position: relative;
	z-index: 999;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;*/
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	color: #333;
	font-size: 11px;
	line-height: 20px;
}
#vertMenuholder ul{
	margin-left: 1em;
	padding-left: 0;
	padding-top: 0;
	margin-top:0;

}
#vertMenuholder li{
	margin: 0;
	padding: 0;
	margin-top:0;

}
#vertMenuholder a:link,
#vertMenuholder a:visited {
	color:#000;
	text-decoration:none;
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	font-size: 9pt;
	vertical-align: middle;
	}	
#vertMenuholder a:hover,
#vertMenuholder a:focus {
	color:#5A1E88;
	text-decoration:underline;
}

#vertMenuholder2{
	clear:both;
	width:100%;
	float:left;
	margin-bottom: 0px;
	margin-left:0px;
	padding-bottom:0px;
	position: relative;
	color: #333;
	line-height: 20px;
	
}

#vertMenuholder2 ul{
	margin-left: 1em;
	padding-left: 0;
	padding-top: 0;
	margin-top:0;

}
#vertMenuholder2 li{
	margin: 0;
	padding: 0;
	margin-top:0;

}

#vertMenuholder2 > ul > ul{
	margin-left: 1em;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-top:0;    
}

#vertMenuholder2 > ul > li{
	padding-top: 8px;  
	padding-bottom  : 8px;  
}

#vertMenuholder2 a:link,
#vertMenuholder2 a:visited {
	color:#000000;
	text-decoration:none;
	/*font-family: Ming(for ISO10646),MingLiU,細明體,Taipei;
	font-size: 11px;*/
	vertical-align: middle;
	}	
#vertMenuholder2 a:hover,
#vertMenuholder2 a:focus {
	color:#5A1E88;
	text-decoration:underline;
}


#accordion3{
	top:-8px;
	position: relative;
	float:left;
}
#searchPanel{
}

#leftnavbg2{
	background-image: url(../eng/common/images/leftnav_navbgs.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../common/images/leftnav_navbgs.png',sizingMethod='crop');
}







/*- content--*/

#homecontent{
 	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	width: 690px;
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom:0px;
	margin:0px;
	font-size: 16px;
	color: #7F7F7F;
	line-height: 20px;
}


#homefeature a:visited {
 	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #00B099;
	text-decoration: none ;
}
#homefeature a:link {
 	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	font-size: 16px;
    line-height: 18px;
	color: #00B099;
	text-decoration: none ;
}

#homefeature a:hover {
 	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #00B099;
	text-decoration: underline;
}	
 

#homenews a:visited, #homenews a:link, #homenews a:hover {
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	font-size: 15pt;
	line-height: normal;
	color: black;
	text-decoration: none ;	
}

#homenews a:hover { 	
	text-decoration: underline;
}	

#homenews {
	margin-top:20px;
}
/* 
#homenews a:visited {
 	font-family: Ming(for ISO10646),MingLiU,細明體,Taipei;
	font-size: 12px;
	line-height: 18px;
	color: #7F7F7F;
	text-decoration: none ;
}
#homenews a:link {
  	font-family: Ming(for ISO10646),MingLiU,細明體,Taipei;
	font-size: 12px;
    line-height: 18px;
	color: #7F7F7F;
	text-decoration: none ;
}

#homenews a:hover {
 	font-family: Ming(for ISO10646),MingLiU,細明體,Taipei;
	font-size: 12px;
	line-height: 18px;
	color: #7F7F7F;
	text-decoration: underline;
}	
*/


#homecontent h1{
 	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #333;
	text-decoration: none;
}


#homecontent h3{
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	color: #333333;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}


#homeMore{
	clear:both;
    /*margin-top: 8px;
	margin-left: 0px;*/
	float:right;
	font-weight:bold;
	width: 50px;
	text-decoration: none;
}

#homeMore a:visited{
	clear:both;
    /*margin-top: 8px;
	margin-left: 0px;*/
	width: 50px;
	text-decoration: none;		
}
#homeMore a:link{
	clear:both;
    /*margin-top: 8px;
	margin-left: 0px;*/
	width: 50px;
	text-decoration: none;	
}
#homeMore a:hover{
	clear:both;
	width: 50px;
	text-decoration: underline;	
}

#homeMore a
{
    color:Black;
	font-size:14pt;
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
}

/*- hp --*/

#leftnavTitleSpace {
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	height: 25px;
 
}
/*- -*/





iframe#childframe{
	width: 710px;
	height: 800px;
	float: right;
	padding-top: 0px;
	padding-bottom:0px;
	margin:0px;
}
#contentholder{
	width: 710px;
	float: right;
	padding-top: 0px;
	padding-bottom:0px;
	margin:0px;
	background-color: #fff;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E0E0E0;
}
#header{
	position: relative;
	background: #FFF;
	width: 1000px;
	height: 93px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom:0px;
	padding-right: 0px;
}

#header img{
	border: 0px;
}

#header img#HA{
	position: inherit;
	float: left;
}

#header img#largerFont, #header img#smallerFont{
	position:inherit;
	margin-right: 8px;
	width: 11px;
	height: 11px;
}

#header img#printPic{
	position:inherit;
	margin-right: 5px;
	width: 11px;
	height: 11px;
}
#header a{
	text-decoration: none;
	color: #333;
}

#header a:hover{
	text-decoration: underline;
	color: #00b099;
}
#header ul{
	float: right;
	text-align:center;
}

#header ul#functionList{
	font-size: 11px;
	list-style-type: none;
	margin-top: 10px;
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	color: #a3a3a3;
}
#header ul#functionList a{
	margin-left: 0px;
	color: #a3a3a3;
}
#header ul#functionList li{
	/* horizontal list */
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	height: 20px;
	width: auto;
}



/*--*/

#header ul#functionListHome{
	font-size: 11px;
	list-style-type: none;	
 	margin-top: 10px; 	
	margin-right: -39px;
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	color: #a3a3a3;

}

#header ul#functionListHome a{
	margin-left: 0px;
	color: #a3a3a3;
}



/*--*/

#header ul#functionListFont{
	font-size: 10px;
	list-style-type: none;
	margin-right: -40px;	
	margin-top: 5px;
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	color: #a3a3a3;
}
#header ul#functionListFont a{
	margin-left: 0px;
	color: #a3a3a3;
}


#header ul#functionListFont .font{
 
	font-size: 10px;
	margin-left: 5px;
	color: #a3a3a3;
 
}
 
#header ul#functionListFont .sfont a{
 
	font-size: 11px;
	margin-left: 5px;
	color: #a3a3a3;
 
}

#header ul#functionListFont .sfontHL a{
 
	font-size: 11px;
	margin-left: 5px;
	color: #00b099;
 
}


#header ul#functionListFont .mfont a{
   	 
	font-size: 14px;
	margin-left: 0px;
	color: #a3a3a3;

}
#header ul#functionListFont .mfontHL a{
   	 
	font-size: 14px;
	margin-left: 0px;
	color: #00b099;

}


#header ul#functionListFont .lfont a{
 
	font-size: 15px;
	margin-left: 0px;
	color: #a3a3a3;

}
#header ul#functionListFont .lfontHL a{
 
	font-size: 15px;
	margin-left: 0px;
	color: #00b099;

}

#header ul#functionListFont li{
	/* horizontal list */
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	height: 20px;
	width: auto;
}

/*--*/



#header ul#headerMenu{
	font-size: 12px;
	margin-bottom: 0px;
	list-style-position:inside;
	color: red;
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
}
#header ul#headerMenu li{
	/* horizontal list */
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 0px;
	height: 30px;
	width: auto;
}
#header ul#headerMenu a{
	margin-left: 0px;
	color: black;
}



#visual{
	position: relative;
	width: 1000px;
	height: 105px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom:0px;
	padding-right: 0px;
}


.leftnavbg{
	background-image: url(../common/images/leftnav_navbg2.gif);
	background-repeat: repeat-y;
}
#leftnavTitle {
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #333;
	height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}
/*  breadcrumb  */
#crumbsholder{
	background-color: #fff;
	background-position: top;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;*/
	padding-left:11px;
	border-top-left-radius:1em;
	border-top-right-radius:1em;
}
.crumbs {
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	font-size: 9pt;
	color: #666;
	height:30px;
	line-height:36px;
	padding-right:11px;
}
.crumbs a, .crumbs a:visited {
	list-style-type: none;
	color:#777;
}	
#crumbsPrint{
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	font-size: 12px;
	color: #666;
	padding-top: 14px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
	float:right;
	height:23px;
}

#crumbsPrint a:link, 
#crumbsPrint a:visited{
	color: #0aac97;
	text-decoration:none;
}
#crumbsPrint a:hover{
	text-decoration:underline;
}

#printPic2{
	padding: 0;
	margin-right: 5px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	vertical-align: text-bottom;
}
.crumbs a#bc  {
	list-style-type: none;
	background:url(../common/images/bc_arrow.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}		
	
.crumbs a#print  {
	background:url(../common/images/bc_arrow.gif) no-repeat right center;
	list-style-type: none;
	padding:0 15px 0 0;
}	
.crumbs a:link,
.crumbs a:visited {
	color:black;
	text-decoration:none;
}	
.crumbs a:hover,
.crumbs a:focus {
	color:#5A1E88;
	text-decoration:underline;
}

#searchBox{
	clear:both;
	width : 220px;
	height: 62px;
	padding: 13px 0px 13px 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#searchBox2{
	float:left;
	width:176px;
}
.boxTitle{
	display:block;
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;	
}
#searchfield{
	border: 1px solid #CCC;
	margin-right: -4px;
	height: 16px;
	width: 176px;
}
#searchBut{
	vertical-align: text-bottom;
}
#searchgo{
	float:left;
	width:27px;
	height:17px;
	margin-top:1px;
	padding-top:3px;
	padding-left:3px;
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-color: #5A1E88;	
}	
#searchgo a:link,
#searchgo a:visited{
	color: #FFF;
	text-decoration:none;
}	
#searchgo a:hover{
	color: #FFF;
	text-decoration:underline;
}

#advsearch{
	/*clear:both;*/
}
#advsearch a:link,
#advsearch a:visited {
	text-decoration:none;
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	font-size: 11px;
	vertical-align: middle;
	}	
#advsearch a:hover,
#advsearch a:focus {
	color:#5A1E88;
	text-decoration:underline;
}

#shortCut{
	clear:both;
	display: block;
	height: 180px;
	width: 100%;
	margin-top: 1px;
	padding: 13px 0px 13px 14px;
}

#shortCut span{
	font-size: 14pt;
	padding : 10px 0px 10px 0px;
}

#shortCutBox{
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	background-color: #FFF;
	padding: 0px;
	margin-top: 20px;
	color: #666;
	/*font-size: 11px;*/
	font-size: 15pt;
	line-height: 20px;
}

#shortCutBox a
{    
    display:block;        
}

#shortCutBox a:link,
#shortCutBox a:visited {
	color: #000000;
	text-decoration: none;
}
#shortCutBox a:hover,
#shortCutBox a:focus {
	color: #5A1E88;
	text-decoration: underline;
}

/*service*/
#serviceCutBox{
	font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
	background-color: #FFF;
	padding: 0px;
	margin-top: 20px;
	color: #666;
	/*font-size: 11px;*/
	font-size: 15pt;
	line-height: 20px;
}

#serviceCutBox a
{    
    display:block;        
}

#serviceCutBox a:link,
#serviceCutBox a:visited {
	color: #000;
	text-decoration: none;
}
#serviceCutBox a:hover,
#serviceCutBox a:focus {
	color: #5A1E88;
	text-decoration: underline;
}

#sc1{
	clear:both;
	width:200px;
}
#sc2{
	clear:both;
	width:200px;
}
#sc3{
	clear:both;
	width:200px;
}

#emergency{
	display:block;
	background-color:#F00;
	width:665px;
	font-weight: bold;
	color: #FFF;
	padding:5px;
	margin-top:20px;
	margin-bottom:40px;
}
.emtitle{
	display:block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}
.emmessage{
	display:block;
	clear:both;	
}
.emmessage a:link,
.emmessage a:visited{
	color: #FFF;
	text-decoration: none;		
}
.emmessage a:hover{
	text-decoration:underline;	
}

/*3 column layout for home page*/

#home_container {
  padding-left: 200px;   /* LC width */
  padding-right: 310px;  /* RC width */
}
#home_container .home_column {
  position: relative;
  float: left;
}
#middlebar.home_column 
{
  margin-top:16px;
  width: 100%;
}
#leftbar.home_column {
  width: 190px;          /* LC width - padding */
  right: 200px;          /* LC width */
  padding:0 0 0 10px;
  margin-right: -100%;  
  margin-top:16px;
}
#rightbar.home_column {
  width: 300px;          /* RC width - padding*/
  margin-right: -300px;  /* RC width - padding*/
  overflow:auto;
  margin-top:16px;
}

#middlebar.home_column #middlebarleft
{
    float:left;
    display:inline-block;
    height:100%;
    width: 44%;
    padding: 0 1% 0 0;
}

#middlebar.home_column #middlebarright
{    
    display:inline-block;
    height:100%;
    width: 55%;
}

#footer {
  clear: both;
}

#wholeframe
{
    width:1000px; 
    margin-left:auto; 
    margin-right:auto;
}

/*Styles for whatsnews*/
#whatsNewHeader div
{
    display:inline-block;
    color:Red;
}
    
.HomeBoldRed, .HomeBoldRed li 
{
    color:Red;
    font-size:15pt;
    "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif
    font-weight:bold;
}

.homeBold
{
    font-weight:bold;    
    font-size:13pt;
    "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif
}

#homeShortCut a, .homeGalleryMore
{
    text-decoration:none;    
    color:Red;
}

a:hover.homeGalleryMore
{
    text-decoration:underline;    
}

#homeGallery ul
{
    padding-left:20px;
}

#homeGallery li
{
    padding: 5px 0;    
}

#homeNewsList
{
	padding:0;	
	list-style:none;
}

#homeNewsList li
{
	padding-bottom: 25px;	
}