/* 版面設定 */
body {
 
	margin:0;    
	padding-top:0px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	
    font-size:80%;
	background: url(cssimg/bg.gif) top center repeat;

}
#attrs_checkbox {background:#fff;}
#attrs_radio {background:#fff;}
/**{MARGIN:0;PADDING:0;}*/
#container {  	
    position : relative;
    width : 962px;
	margin : auto;
    background:#fde3c2;
}
#container2{}
#pageheader {
background: url(cssimg/pageheader_bg.jpg) top left  no-repeat;
width:962px;
height:152px;
}
#pageheader2{}
#pageheader img {
	margin:14px 0 0 200px;
}
#pageheader h1	{display: none;}	
	
	
	

/*底部背景*/
#main2 {	
	min-height : 600px;
	height:auto !important;
    height:600px;	
    padding:0 0 20px 0;

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


/*中間背景*/
#main1{
	position:relative;
	margin:0 20px 0 200px;
}

/*上方背景*/
#main {	
    padding:10px 30px;  
}

.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 {
	clear:both;
	margin:0px 10px 0px 10px;
    padding:0;
}
tr .jumpselect {height:10px;}
/* 動態頁面下的注解 */

.note {	
	font-size : 0.8em;
	text-align : right;
	padding : 5px;
}
/* 內文 */
#content {

} 
#content p{line-height:2em;letter-spacing:0.1em;}	
#pages_area a:link{text-decoration:underline;}		
/* 一般設定  */
a:link,a:visited { 
	color: #333;
	text-decoration : none;
}
a:hover , a:active  {
	color: #FF7F00;
	text-decoration : none;
}

p { }

h2 { 
	clear : both;
	background :#990000; 
	padding : 0.5em 0 0.1em 1em;
    font-size : 1.2em;
	color:#fff;
	letter-spacing:0.1em;
}

h2 a:link , h2 a:visited { color:#fff}
h2 a:hover , h2 a:active { color:#fff}

h3 {
	clear : both;
	background : url(cssimg/h3_bg.jpg) left top no-repeat; 
	padding : 0.6em 0 0.6em 1.8em;
    font-size : 1em;
    width : 90%;
	color:#cc593f;
}

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;
	margin:0 0 7px 0;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #000;
}
 /* 第二層選項 */
#submenu {
	/*background:url(cssimg/submenu_bg.jpg) center left no-repeat #FBFAF9;*/
	width:680px; 
	padding:10px 0;
	border:1px solid #fff;

}

#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 : 20px;float:left;margin-bottom:5px;}
#submenu li a{	color: #1930fb;font-weight:bold;padding:3px 8px 0px 8px;border:0;text-decoration : none;margin:4px;
background:url(cssimg/submenu_li.gif) center left no-repeat;}
#submenu 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;
}

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


 /* 第二層選項 */
#submenu1 {
	width:682px; 
	background:#fff;
	padding:5px 0;

}

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

#submenu1 ul	{margin:0 0 0 50px;padding:0;}
#submenu1 li	{ display : inline; line-height:1.9em; margin-right : 15px;float:left;margin-bottom:5px;}
#submenu1 li a{	color: #000;padding:3px 8px 0px 13px;border:0;text-decoration : none;margin:4px;
background:url(cssimg/fhi.gif) center left no-repeat;}
#submenu1 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;
}

#submenu1 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 : 152px;
	left : 0px;
	width : 188px;
	margin :0;
	padding :0; 
	z-index:9;
	background:url(cssimg/linklist_bg_1.jpg) left top repeat-y;
}
#linklist2{ 
	padding:17px 0 0 0;
	background:url(cssimg/linklist_bg_top.jpg) left top no-repeat;
}
#linklist3{ 
	padding:0 0 20px 0;
	background:url(cssimg/linklist_bg_2.jpg) left bottom no-repeat;
}
#linklist h3 { font-size : 14px;display:none;}
				
#linklist ul { 
    list-style: none;
	margin: 0;
	padding :0 16px 0 14px;
	width:156px;
}		
		
#linklist li	{ margin: 0; padding : 0; }

#linklist li a{
	display: block;
	padding : 6px 5px 6px 16px ;
	margin : 10px 1px;
	font-size:1.2em;
	color:#fff;
	background:url(cssimg/linklist_bga.jpg) 3px center no-repeat;
}

#linklist li a:hover {
	color:#333;  
	background:url(cssimg/linklist_bga1.jpg) 3px center no-repeat #fde3c2;
}

#menu_login {
  	width:156px;
	height:86px;
	margin:0;
	padding:45px 19px 0 13px;
	background:url(cssimg/login_bg.jpg) top left no-repeat;
}

#menu_login h3 {
	background:none;padding:0 0 0 20px;
	margin:0;color:#fff;font-size:1.3em;
}

#linklist form	{
	margin:0;
	padding:0;
	font-size: 11px;
	text-align:right;
}

#linklist input	{
	border:1px solid #fcfbf9;background:#fcfbf9; 
}

#linklist .button{
	border:0;height:20px;font-size:11px;width:46px;
	padding:5px 0 0 0;
	background:url(cssimg/button_bg.jpg) left bottom no-repeat;
}

#linklist p	{
	vertical-align:middle;
	margin:2px 53px 2px 0;
	padding:0;
}

#linklist label	{
	color:#fff;
	background:none;
}

#login_id{width:95px;height:15px;margin:0 -46px 5px 0;}
html>body #login_id {margin:0 -50px 5px 0;}
*+html>body #login_id {margin:0 -46px 5px 0;}
#login_id, x:-moz-any-link {margin:0 -50px 5px 0;}
#login_id, x:-moz-any-link, x:default {margin:0 -46px 5px 0; }
html>/**/body #login_id, x:-moz-any-link, x:default { margin:0 -46px 5px 0;}

#login_pw{width:95px;height:15px;margin:0 -46px 0 0;}


#login_forget input{margin: -26px 0 0 -50px;}
#login_forget input, x:-moz-any-link {margin: -22px 3px 0 0;float:right;}
#login_forget input, x:-moz-any-link, x:default {margin: -22px 3px 0 0;float:right; }
html>/**/body #login_forget input, x:-moz-any-link, x:default { margin: -22px 3px 0 0;float:right;}
#login_forget input:not(:root:link){margin: -22px 3px 0 0;float:right;}

#menu_search{
	padding:15px 20px 0 0;
    width:168px;
	height:50px;
	margin:10px 0 0 0;
	background:url(cssimg/google_bg.jpg) center top no-repeat;
	font-size:1em;
}
#menu_search form{
width:165px;margin:0;padding:0;
}
html>body #menu_search form {margin:0 0 0 11px;width:155px;}       
*+html>body #menu_search form {margin:0 0 0 7px;width:155px;}
#menu_search input{
	margin:5px -10px 10px 0;padding:0;
	background:url(cssimg/search_button.jpg) left top no-repeat;
	font-family:arial;
	font-size:1px;
	color:#fde3c2;
	text-align:left;
	vertical-align: top;
	height:20px;
	width: 40px;border:0;}
	
html>body #menu_search input {margin:5px -5px 10px 0;}   
*+html>body #menu_search input {margin:5px -10px 10px 0;}
#menu_search input#q{
	margin:5px 0px 0 0px;padding:0;
	background:#fff;
	font-size:13px;
	color:#000;
	height:15px;
	width: 80px;border:1px solid #d8d8d7;}
html>body #menu_search input#q {margin:5px 0px 3px 0;} 
*+html>body #menu_search input#q {margin:5px 0px 0 0;}

#menu_search #sitesearch{
	background: none;width: 10px;margin:-2px 0 0 0;
	padding:0;border:none;
}
#menu_search label{
    color:#f5dc10;
    background:none;font-size:0.9em;
}
html>body #menu_search label {font-size:1em;} 
*+html>body #menu_search label {font-size:0.9em;}


#menu_service ul{border-bottom:1px solid #fdca95;}
#menu_service li a{margin:5px 1px;}
/*
#login_forget input{margin: -45px 0 0 83px;}
html>body #login_forget input{margin: -23px 0 0 103px;}         
*+html>body #login_forget input{margin: -45px 0 0 83px;}
*/
/* 表單  */
form fieldset {
  padding: 10px;
  margin: 0px 0px 0px 0px;
}

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

#form_no{position:absolute;margin:-42px 0 0 20px;background:none;}
html>body #form_no {margin:-21px 0 0 50px;}         
*+html>body #form_no{margin:-45px 0 0 40px;}


input { 
	/*cursor: pointer; */
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;
}

textarea {
clear : both;
  overflow: auto;
}

label	 { 
	cursor: pointer;
	background : none; 
	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: 0.8em;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	text-align : right;
	color : #333;
    width : 100%;
}
		
.PageList {
	margin: 0px;
	padding: 3px;
	font-weight: bold;

	/* 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 {
	color:#fff;

	margin:0 1px;
	border:1px solid #fdca95;background:#990000;

}
		
/* 表格 */

/* 表格 */

/* styled 人物介紹/公告系統 等 使用 */
.ts_styled {	  
      margin: 10px 0 5px 0;
      font-size: 1em;
	  border-collapse: collapse;
	  border:1px solid #820101;
 }
.ts_styled a:hover{text-decoration:none;}
.ts_styled th, .ts_styled td {
      padding:6px 10px;
      color:#111;
      vertical-align:top;
      }
.ts_styled th {
	background : #990000;
      color:#fff;
}
.ts_styled th a:link,.ts_styled th a:visited{
	background : #990000;
      color:#fff;
	  text-decoration:none;
}
.ts_styled thead  {
	background : #990000;
      color:#fff;
}

.ts_styled .even {
      background:#fdca95;
}	  

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


/* styled 人物介紹/公告系統 等 使用 */
.ts_vstyled {	  
      margin: 10px 0 5px 0;
      font-size: 1em;
	  border-collapse: collapse;
      background:url(cssimg/boxpeo_bg.gif) left bottom repeat-x;  
 }
.bio_pic{	
	position:absolute;
	right:40px;
	top:60px;
	padding:5px;
	border:1px solid #ddd;
	background:#fff;
}


.ts_vstyled th, .ts_vstyled td {  
      padding:6px 10px;
      text-align:left;
      color:#111;
      vertical-align:top;
}
.ts_vstyled th {
      color:#990000;
	  width : 110px;
	  text-align : right;
	  letter-spacing:0.1em;
      background:url(cssimg/boxpeo_b_bg.gif) left top no-repeat; 
}
.ts_vstyled td{
      background:url(cssimg/boxpeo_bg.gif) left top repeat-x;  
 }

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

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

.ts_rowsonly  thead th {
      color:#fff;
      padding:10px ;
      border-bottom-width:0;
}	  
	  
.ts_rowsonly  .even {
      background:#fdca95;
}
.ts_rowsonly  caption { 
	text-align : left;
	font-weight : bold;
	font-size : 1em;
	width:400px;
	padding : 0.1em 0.1em 0.1em 1.5em;
	cursor:hand;
	background : url(cssimg/caption.gif) no-repeat 0 50%;
}  
.nowrap		{width:auto;} /*不換行*/

.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;
	color:#fff;
}
#corner a:link, #corner a:visited {color:#fff;}
#corner  a:hover , #corner  a:active	{color:#fff;text-decoration:underline;}

/*--------- 底 ---------- */
#footer{ 
	clear : both;
	margin-right : 0px;
	position : relative;
	min-height : 135px;
	height:auto !important;
    height:135px;
	background:#fff;
	color:#232323;
}							
#footer a:link, #footer a:visited {color:#232323;}
#footer a:hover	, #footer a:active  {color:#232323;text-decoration:underline;}

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

#footer_address {
	left:220px;
	padding:20px;
	position:relative;
	top:0;
	width:680px;
}

html>body #footer_address {padding :15px 15px;}
*+html>body #footer_address {padding : 15px;}

#footer_ruling {
	position : absolute;
	right : 50px;
	top : 20px;	
}
#counter {
	left:235px;
	position:absolute;
	top:133px;
	width:150px;
}
/*--------- 導盲磚設定---------- */
#accesskey_content{
color:#fff;}
#accesskey_top {
color:#fff;}
#accesskey_menu {
color:#fff;}
#accesskey_login {
color:#fff;position:absolute;}
#accesskey_submenu {
color:#fff;}
#accesskey_extralist {
display:none;}

/*news文章*/
.article{border-bottom:1px dotted #fff;color:#666;
	padding : 0.1em 0.1em 0.1em 1.1em;font-size:em;
	background : url(cssimg/h3_bg.gif) left top no-repeat;}/*--------- 上區塊---------- */
.article ul{margin:0;padding:5px 0 5px 5px;}
.article li{margin-right:30px;font-size:1.2em;}

.article2{border:1px solid #eee;color:#666;clear:both;margin:5px 0;padding:0;}/*--------- 下區塊---------- */
.article2 ul{list-style : none;margin:0;padding:5px 0 5px 20px;}
.article2 li{list-style  :  none;}
/* pic view */
#page_pic #pic_container {width:997px;margin:auto;}
#pic_container #footer {background:none;}
#pic_container #footer2 {background:none;}
/* 獨立的LOGIN頁面樣式 */

#page_login #loginstyle{
	background:url(cssimg/login_form_bg.jpg) left top no-repeat #f9f8fd;padding:30px 60px 0px 10px;width:270px;margin-top:70px;	float:left;}
#page_login #loginstyle  label	 { 
	cursor: pointer;
	margin-left:20px;
	letter-spacing:0;
}
/*
#page_login #menu_login{display:none;}*/
#page_login #loginstyle  #login_id{font-size:12px; color:#000;width:130px;border:1px solid #ccc;}
#page_login #loginstyle  #login_pw{font-size:12px; color:#000;width:130px;border:1px solid #ccc;}
#page_login #welcome_rss{float:left;margin-right:20px;}
.login{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;}


 /* 勾選伸縮選單用 */ 
.onstate-AdminOptin { display: block; padding : 0 ; }
.offstate-AdminOptin { display: none; }

/* 系友選擇用 */
.onstate-AlumniOptin { display: block; padding : 0 ; }
.offstate-AlumniOptin { display: none; }


/* 動態子選單 : 主選單的次選單 */

#linklist ul {
	 /* Width of Menu Items */	


}

#linklist ul li {
	position: relative;
	list-style : none;

}

#linklist li ul{
	position: absolute;
	border:0;
	left : 155px; /* Set 1px less than menu width */
	top: 0;
    width:200px;
	display: none;
	background: #fde3c2;
	padding:0;margin:0;
}
#linklist li ul li a{
	color:#413a32;
	margin:3px 1px;
	background:none;
	border-bottom:3px solid #990000;
}
#linklist li ul li a:hover{
	color:#990000;
}
/* Styles for Menu Items */
#linklist ul li a {
	display: block;
	/*background: #fff; /* IE6 Bug */
	

}
.odd #ul_submenu1_0  li  {

	
}
/* Holly Hack. IE Requirement \*/
* html #linklist ul li { float: right; height: 1%; }
* html #linklist ul li a { height: 1%; }


#linklist li:hover ul, #linklist li.over ul { display: block; } /* The magic */

/* End */