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

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{
	margin:0;
	padding:0;
	text-align: left;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* === css reset=== */

html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%; }


body{ background:#F3EFE1 url(../images/con_bg.jpg) repeat-y;
      background-position:50% 50%;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size: 1em;
	  text-align:center;}


h1{
	font-size:1.2em;
	line-height:150%;
	color:#36C;
	
}
h2{ font-size:1em; line-height:140%; font-weight:normal;}
h3{ font-size:1em;}
p{
	line-height:160%;
	margin-bottom:10px;
}




/*-------------------超連結--------------------*/

a { text-decoration: none; color:#996633;}    　 
a:link {color:#996633;}　　　
a:visited {color:#996633;}　   　 
a:active {color:#996633;}　　    
a:hover {color:#996633;}             
.toplink a{ color:#FFF;}
/*-------------------框架--------------------*/

#container{ background:#FFF url(../images/side_bg.jpg) no-repeat ;
			margin:0 auto;
			width:970px;
			text-align:left;
			}
			
#main_wrapper{ width:970px;padding-bottom: 60px;}
#side{  width:220px; float:left;}
#content{ background:#FFF url(../images/page_banner.jpg) no-repeat; width: 750px; float:right; }
#page_footer{ 
	background: url(../images/page_footer.jpg) #999; 
	height:60px; width:970px;
	clear:both;
	margin-top: -60px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	
}

/*-------------------內文--------------------*/

#banner{ height: 180px; text-indent: -5000px;}
#bar{ height:50px; color:#996633;}
#bar_inner{ background:#996633;}
#article{}
#nav{ 
      font-size:0.8em;
	  padding: 10px 0px 10px 22px;
	  color:963;}
.title{ background: #F3EFE1; margin:5px 20px 5px 20px; border-left:#630 solid 10px; font-family: "Arial Black", Gadget, sans-serif; font-weight:bold; color:#630; padding:5px 0 5px 10px;}
.text{
	margin:20px;
	font-size:1em;
	color:#333;
	padding-left:20px;
	padding-right:20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	
}

/*-------------------導覽列--------------------*/
#side_top{ height: 40px; text-align:center; margin-left:20px;}
#menu{ width: 220px;}
#menu_inner{ margin-left: 20px;}
#menu_top{ background:url(../images/menu_top.gif) no-repeat; height:30px;}
#menu_middle{ background:url(../images/menu.gif) repeat-y;}
#menu_bottom{ background:url(../images/menu_bottom.gif) no-repeat; height:30px;}

.menutitle{
	background:#FFCC00;
	color:#333;
	cursor:pointer;
	margin-left:18px;
	font-weight:bold;
	font-size:medium;
	padding:10px 0 10px 0;
	width:160px;
	text-align:center;

}
.submenu{
	background: url(../images/menu_2.gif) repeat-y;
	display: none;
	font-size:medium;
	text-align:center;
} 

.submenu a { color: #996633;text-decoration:none; font-size: 0.9em; padding: 5px 20px 5px 20px; display:block;}

.submenu a:hover { color: #666666; background: url(images/menu_2_bg.gif) repeat-y;padding: 5px 20px 5px 20px; display:block;}

/*-------------------中英文版 其他零散標籤--------------------*/
#search{ width: 175px; padding-left:45px;}
.text_box{ padding:10px; font-size:0.8em; text-align:center;}
.footer_box{ text-align:right; padding:15px 20px 10px 0  ; font-size:0.8em;}
.divcenter{ text-align:center;}
.inputbn{ padding-top:2px;}

/*-------------------table--------------------*/

#content_table{ width:700px; }
.td_icon{ background:url(../images/arrow.gif) no-repeat; background-position:center; height:25px; width:20px;}

.content_table td { border-bottom: #666 1px dotted;}
.line table{ border:#36C 2px solid; }
.line td{
	border: #69C 1px solid; padding:5px;
}
/*-------------------register--------------------*/
.register table{ border:#36C 2px solid; margin:0 auto; }
.register td{
	border: #69C 1px solid;
	padding:5px;
	font-size:0.9em;
	
}

.register_font{
	font-size:0.75em;
	line-height:120%;
	
}


/*-------------------底部排版 for 其他瀏覽器--------------------*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}