/* 版面設定 */
body {
	margin:0;    
	padding-top: 5px;
	/* background : url(css_default/cssimg/bg.png) #eee; */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	
	font-size:75%;
}

#container {  	
    position : relative;
    width : 960px;
	/* background : url(cssimg/buttfy.jpg) #fff bottom left no-repeat; */
	margin : auto;
	border : 1px solid #bbb;       
}

#pageheader {
	border-bottom : 1px solid #fff;
}
#pageheader img {
	border: 1px solid #fff;
}
#pageheader h1	{display: none;}	
	
#main {	
	margin: 0 20px 0 20px;
    padding : 10px;
	min-height : 1000px;
}
#main_panel {	
	margin: 0 20px 0 20px;
    padding : 10px;
	min-height : 500px;
}
.pic  {
	float : right;
	border : 1px solid #ccc;
	padding : 3px;
	margin : 3px;
}		

.helpspan {
	cursor: pointer;
}
.helpdiv, #LSResult {
	margin : 20px 20px 5px 20px;
	padding : 12px 20px 5px 55px;
	background: url(../images/guide.gif) left top no-repeat;
}
.needbuy {
	background: url(../images/buy.gif) left top no-repeat;
}

#LSResult {
	font-size : 0.8em;
	padding-top : 2px;
	margin-bottom : 10px;
}

#LSResult ul {
	margin : 0;
	padding : 0;
}

/* /people/writings.php 著作 Jump_Select 用 */
.jumpselect {
	margin-left : 38px; margin-top : -10px; margin-bottom : -10px;
}
/* 動態頁面下的注解 */

.note {	
	font-size : 0.8em;
	text-align : right;
	padding : 5px;
}
/* 內文 */
#content {
	line-height: 1.5em;	
} 
				
/* 一般設定  */
a:link,a:visited { 
	color: #06c;
	text-decoration : none;
}
a:hover , a:active  {
	color: #147;
	text-decoration : none;
}

p { }

h2 { 
	clear : both;
	background : url(cssimg/h2.gif) no-repeat 0 50%; 
	border-bottom : 2px solid #ccc;
	padding : 0.1em 0 0.1em 1em;
    font-size : 1.6em;
    width : 100%;
}

h2 a:link , h2 a:visited { }
h2 a:hover , h2 a:active { }

h3 {
	clear : both;
	background : url(cssimg/h3.gif) no-repeat 0 50%; 	
	border-bottom : 1px solid #ccc;
	padding : 0.1em 0 0.1em 1.2em;
    font-size : 1.1em;
    width : 90%;
}

h4 { 
	clear : both;
    font-size : 1.2em;
    width : 80%;
}

code, .code  { 
	background : #eee; 
	border : 1px solid #ccc;
	padding: 1em;
	display: block;
}

.indent	{ text-indent: 2em; }

.hide {display : none;}


img	{ border: 0; }

#content ul {
	list-style : none;
} 

#content  ul li {	
	list-style  :  url(cssimg/li.gif) ;
}

#content  ul li li {
	list-style  :  url(cssimg/lili.gif) ;
}

#content  dt {
	background : url(cssimg/dt.gif) 0 50% no-repeat;
	padding-left : 1.5em;
	font-weight : bold;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #000;
}

/* 第二層選項 */
#submenu {
	background:url(cssimg/submenu_bg.jpg) center left no-repeat #FBFAF9;
width:100%; 
	padding:10px 0;

}

#submenu:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}	

#submenu ul	{margin:0 0 0 20px;padding:0;}
#submenu li	{ display : inline; line-height:1.9em; margin-right : 1px;float:left;margin-bottom:5px;}
#submenu li a{	color: #818181;padding:3px 8px 0px 13px;border:0;text-decoration : none;margin:4px;
background:url(cssimg/fh.gif) center left no-repeat;}
#submenu li a:hover , #submenu li  a:active  {
	color: #FF6000;
	background:none;background:url(cssimg/fhi.gif) center left no-repeat;

	border-bottom:3px solid #ff6000;
}

#submenu li  span { white-space: nowrap; } 




/*資訊列選單*/

#submenu2 {
	
width:630px; 
	padding:0;

}

#submenu2:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}	

#submenu2 ul	{margin:0 0 0 20px;padding:0;}
#submenu2 li	{ display : inline; line-height:1.9em; margin-right : 20px;float:right;margin-bottom:5px;}
#submenu2 li a{	color: #000;padding:3px 8px 0px 8px;border:0;text-decoration : none;margin:4px;
background:url(cssimg/submenu_li.gif)  center left no-repeat;}
#submenu2 li a:hover , #submenu li  a:active  {
	color: #FF6000;
	background:none;background:url(cssimg/submenu_li.gif) center left no-repeat;

	border-bottom:3px solid #ff6000;
}

#submenu2 li  span { white-space: nowrap; }

/* 主選單 */
#linklist{ 
	position :absolute;
	top : 50px;
	right : 10px;
	background : #fff;
	width : 130px;
	margin :0;
	padding :0; 
}

#linklist h3 { font-size : 14px; }
				
#linklist ul { 
    list-style: none;
	margin: 0;
	padding : 0;
}		
		
#linklist li	{ margin: 0; padding : 0; }

#linklist li a{
	display: block;
	padding : 2px ;
	margin-left : 13px;
}

#linklist li a:hover {
	background : #F2F7FC;
	border : 1px solid #9EC5EC;   
}

#linklist form	{ font-size: 12px;margin-left:10px;}
#login_id{width:80px;}
#login_pw{width:80px;}
#menu_login{background : url(cssimg/linklist_bottom.jpg) bottom left no-repeat;
padding-bottom:16px;}

/* 表單  */
form fieldset {
  padding: 10px;
  margin: 0px 0px 0px 0px;
}

form fieldset legend {
	margin : 0 15px;
	padding : 5px;
	font-size : 1.2em;
	font-weight : bold;
}

input , textarea{ 
	cursor: pointer; 
}

textarea {
clear : both;
  overflow: auto;
}

label	 { 
	cursor: pointer;
	background : #eee; 
	padding : 5px; 
	margin: 0px; 
}

.required {/*必要欄位*/
	font-weight : bold;
}
.checkbox { /*給 核選方塊的 lable 用 */
	background: transparent; padding: 0; border: 0; margin: 0; margin-right: 6px;
}

.disabled { /*給 核選方塊的 lable 用 (不開放功能的label)  */
	color: #444; background: transparent; padding: 0; border: 0; margin: 0; margin-right: 6px;
}
	
/* 分頁選單 */
.PageDetails {
	/*padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;*/
	/*font-size: 12px;*/
	/*border-bottom: 1px solid #ddd;*/
	overflow: hidden;
	text-align : right;
	/*color : #ddd;*/
    width : 100%;
}
		
.PageList {
	/*margin: 0px;*/
	/*padding: 3px;*/
	/*font-weight: bold;*/
	/*font-size: 12px;*/
	/* border-bottom: 1px solid #ddd; */
	/*overflow: hidden;*/
	/*color: #000;*/
	/*list-style: none;*/
	display : inline;
	/*background: none;*/
	/*color: #999;*/
}
.PageList li {
	display: inline;
}
.PageList a, .PageList a:link, .PageList a:visited, .PageList a:hover {
	/*font-weight: bold;*/
	font-size: 12px;
	text-decoration: none;
}
		
/* 表格 */

/* styled 人物介紹/公告系統 等 使用 */
.ts_styled {	  
      margin: 10px 0 5px 0;
      border-top:1px solid #bbb;
      border-left:1px solid #bbb;
      font-size: 1em;
	  border-collapse: collapse;
 }
.ts_styled th, .ts_styled td {
      border-right:1px solid #ccc;
      border-bottom:1px solid #ccc;
      padding:6px 10px;
      color:#111;
      vertical-align:top;
      }
.ts_styled th {
      background:#ddd;
      color:#111;
}

.ts_styled .even {
	background : #eee;
}	  

.ts_styled caption { 
	text-align : left;
	font-weight : bold;
	font-size : large;
	padding : 0.1em 0.1em 0.1em 1em;
	background : url(cssimg/caption.gif) no-repeat 0 50%;
}

/* styled 人物介紹/公告系統 等 使用 */
.bio_pic{	
position:absolute;
left:700px;
top:115px;
}
.ts_vstyled {	  
      margin: 10px 0 5px 0;
      font-size: 1em;
	  border-collapse: collapse;
 }
.ts_vstyled th, .ts_vstyled td {
      border-bottom:1px solid #fff;     
      padding:6px 10px;
      text-align:left;
      color:#111;
      vertical-align:top;
}
.ts_vstyled th {
      background:#eee;
      color:#111;
	  width : 110px;
	  text-align : right;
	  border-left : 7px solid #ccc;
}
	  
.ts_vstyled .even th {
	 background:#ddd;	 
}	  

.ts_vstyled caption { 
	text-align : left;
	font-weight : bold;
	font-size : large;
	padding : 0.1em 0.1em 0.1em 1em;
	background : url(cssimg/caption.gif) no-repeat 0 50%;
	border-bottom : 1px solid #ddd;
}

/* rows only   : 管理介面 使用 */
.ts_rowsonly  {
      margin: 10px 0 5px 0;
      font-size: 1em;
	  border-collapse: collapse;
}
.ts_rowsonly  th,.ts_rowsonly  td {
      border-bottom:1px solid #ccc;
      padding:6px 10px;
      text-align:left;
      color:#111;
      vertical-align:top;
      }
 .ts_rowsonly  th {
      color:#111;
 }

.ts_rowsonly  thead th {
      background:#ddd;
      padding:2px 15px;
      border-bottom-width:0;
}	  
	  
.ts_rowsonly  .even {
	background : #eee;
}
.ts_rowsonly  caption { 
	text-align : left;
	font-weight : bold;
	font-size : large;
	padding : 0.1em 0.1em 0.1em 1em;
	background : url(cssimg/caption.gif) no-repeat 0 50%;
}
  
.nowrap		{white-space: nowrap;} /*不換行*/

.center { text-align : center; }
.left { text-align : left; }
.right { text-align : right; }

/*-------  工具捷徑 ------*/
#corner{ 
	position: absolute;
	top: 10px;
	right: 10px; /* <---------------  setting */
	width: 410px;
    text-align : right;
	padding : 0;
	margin : 0;
}
#corner a:link, #corner a:visited {}
#corner  a:hover , #corner  a:active	{}

/*--------- 底 ---------- */
#footer{ 
	clear : both;
	margin-top : 50px;
	position : relative;
	min-height : 55px;
}							
#footer a:link, #footer a:visited {}
#footer a:hover	, #footer a:active  {}

#footer_logo {
	position : absolute;
	left : 0;
	top : 0;
	padding : 20px;
}

#footer_address {
	position : absolute;
	width : auto;
	left : 200px;
	top : 0;
	padding : 20px;
}

#footer_ruling {
	position : absolute;
	right : 40px;
	top : 20px;	
}
/*--------- 導盲磚設定---------- */
#accesskey_content{
display:none;}
#accesskey_top {
display:none;}
#accesskey_menu {
display:none;}
#accesskey_login {
display:none;}
#accesskey_submenu {
display:none;}
#accesskey_content{
display:none;}
#accesskey_extralist {
display:none;}

/*news文章*/
.article{border:0px solid red;color:#666;}/*--------- 上區塊---------- */
.article ul{}
.article li{display:inline;margin-right:30px;}

.article2{border:0px solid red;color:#666;}/*--------- 下區塊---------- */
.article2 ul{list-style : none;}
.article2 li{list-style  :  none;}
/*獨立的LOGIN頁面樣式*/

#page_login #loginstyle{background:url(cssimg/login_form_bg.jpg) #F9F9FC top left no-repeat;padding:40px 70px 0px 20px;width:230px;margin-top:80px;	float:left;}
#page_login label	 { 
	cursor: pointer;
	background : #F9F9FC; 
	margin-left:30px;
}

#page_login #login_id{font-size:12px; color:#000;width:130px;border:1px solid #ccc;}
#page_login #login_pw{font-size:12px; color:#000;width:130px;border:1px solid #ccc;}
#page_login #welcome_rss{float:left;margin-right:20px;}
.loginbutton{border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #777766;
border-bottom:1px solid #777766;
background:url(cssimg/login_button.jpg) left top repeat-x;}

#tabs11 {
  float:left;
  width:100%;
	  background:#F9F7F3;
  font-size:93%;
  line-height:normal;
	  border-bottom:1px solid #C2BDAE;
  }
#tabs11 ul {
	  margin:0;
	  padding:10px 10px 0 0px;
	  list-style:none;
  }
#tabs11 li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabs11 a {
  float:left;
  background:url("cssimg/tableft11.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabs11 a span {
  float:left;
  display:block;
  background:url("cssimg/tabright11.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:black;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs11 a span {float:none;}
/* End IE5-Mac hack */
#tabs11 a:hover span {
  color:#FFF;
  }
#tabs11 a:hover {
  background-position:0% -42px;
  }
#tabs11 a:hover span {
  background-position:100% -42px;
  }

  #tabs11 #current a {
		  background-position:0% -42px;
  }
  #tabs11 #current a span {
		  background-position:100% -42px;
  }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(image/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#fff;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window { /*視窗外框樣式*/
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	top:50% \9;
	*top:50%;
	_top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

/*#TB_window {
	#top:10px;
}*/

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{ /* 視窗標題列 */
    background: url(image/title.gif) #e8e8e8;
    margin: 3px;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}