@charset "big5";
/* CSS Document */



body {
	margin:24px 0px;
	font-size:100%;
	font-family:Arial, Helvetica, "Microsoft JhengHei ", PMingLiU,sans-serif;
	}
	
img {
	max-width:100%;
	height:auto;
	border:0;
}


h3{
	font-size:1.2em;
	color:#f60;
	}
hr {
	border:0; height:1px; background-color:#d4d4d4;
	color:#d4d4d4
	}

p {
	color:#333;
	line-height:24px;
	
	}
	
	
ol li {
	line-height:26px;
	color:#333333;
	}	
ul li {
	line-height:26px;
	color:#333333;
	
	}
	
a { font-size:1em; color:#069; font-weight:normal}
a:link {color: #336699; text-decoration:none;}
a:visited {color:  #336699}
a:active {color: green}
a:hover {color:#F60}
	
	
.agenda_table table{width:99%; border:1px solid #999;}
.agenda_table th { color:#fff;text-align:center; border: 1px solid #999;padding:1em 1em; background-color:#069}
.agenda_table tr { font-size:1em;}
.agenda_table td {border: 1px solid #999; text-align:center; color:#069 ;padding:0.5em; line-height:2; font-weight:100}
.agenda_table ol li {font-size:1em; color:#666; padding:0.5em; font-weight:normal}	
	
	
	
table {border:1px solid #999;}
caption { text-align:left; font-weight:bold; color:#F60;}
th { background-color:#006699; color:#FFF;}
tr {}
td { line-height:26px;}	
	
.news_block	 table {border:0px;}
.news_block	 tr {}
.news_block	 td { line-height:26px; border-bottom:1px dotted #CCCCCC;}	
	
#topic_block ol{
		
	}
	
	.topic_title{
		color:#C00;
		font-size:1em;
		padding:1em 0 0 0;
		}
	.route{
		padding:0em 0em 0em 4em;
		}
	
#wrapper{                       /*設???上顯示?寬度*/
	width:940px;
	margin:auto;
	}
	
#header {
	background-color:#FFFFFF;
	}
#menu {
	}
	
#main_menu {
	font-size:1em;
	background-color:#ccc;
	overflow:hidden;
	}
		#main_menu ul{
		margin:0;
		padding:0;
		}
		#main_menu li{
		list-style-type:none;
		float:left;
		}
		#main_menu li a {
		display:block;
		width:120px;
		padding:5px 5px;
		border-right:solid 1px #FFFFFF;
		color:#FFF;
		background-color:#ccc;
		text-decoration:none;
		}
		#main_menu li a:hover {
			background-color:#0097db;
		}
#banner{

}

#content{
	padding:1em 1em 3em 1em;

	}

#image_link{
	padding:1em;
	text-align:center;
	}
.title_block{
	border-bottom:1px solid #F90;
	margin-bottom:2em;
	}
	
	#topic_block {
		width:25%;
		float:left;			
		}
		
#header_link{
	text-align:right;
	font-size:0.8em;
	font-family:Verdana, Geneva, sans-serif, sө;
	}
	
#header_link li {
	vertical-align: baseline;
	list-style-type:none;
	display:inline;
	padding-right:0.5em;
	}	
.news_block {
	}
	
#footer{
	border-top:2px solid #099;
	line-height:22px;
	clear:both;
	text-align:center;
	background-color:#ccc;
	font-size:0.8em;
	color:#099
	}
	#footer_icon_menu {
		
		
		}
		#footer_icon_menu img {
		
		padding:1em 0.5em;
		border:0;
		}
	
	
	
/*menu*/
nav {
                display: block;
                float: left;
                width: 100%;
                margin-bottom: 10px;           /*設?nav?塊?下面?塊???*/
				background-color:#ccc;
                
            }
            .main_menu ul{
                margin: 0;
                padding: 0;
            }
            .main_menu li{
                position: relative;
                float: left;
                color: #FFF;
                list-style: none;
                background: #E77C40;
            }
            .main_menu li a {
                display: block;        
                padding: 15px 18.7px;
                color: #FFF;
                text-decoration: none;
            }

            .main_menu li:hover {
                background: #E9905E;
            }
            .main_menu li ul {
                background-color: rgba(231, 124, 64, 1);
                display: none;
                position: absolute;
                top: 100%;
            }
            .main_menu li:hover ul {
                display: block;
                right: 0;
                left: 0;
                top: 100%;
            }
            .toggle { 
                display: none;
            }
            .arrow-bottom {
                position: absolute;
                top: 25px;
                right: 13px;
                margin-left: 5px;
                border-top: 4px solid #FFF;
                border-right: 4px solid transparent;    
                border-left: 4px solid transparent;        
                width: 1px;
                height: 1px;
            }
