/* 版面設定 */
.col, .col_r {
	float: left;
}
.col { min-width: 80px; width: auto!important; width: 80px;}
.col_text {
	list-style: none;
	list-style-image: none;
}
#community_form {
	width: 500px;
	border: 1px solid #ccc4af;
	padding: 5px;
	color: #706549;
	background: #fff url(cssimg/th1.gif) left bottom repeat-x;
}
#community_form #Keyword {
	background: #dfd8c6;
	border: 1px solid #ccc9b1;
}
#community_form input {
	background: url(cssimg/th1.gif) left bottom repeat-x;
}
html {
   SCROLLBAR-HIGHLIGHT-COLOR:#fff;
   SCROLLBAR-TRACK-COLOR: #e7e7e7;
   SCROLLBAR-BASE-COLOR: #897a52;
   SCROLLBAR-ARROW-COLOR: #fff;
}
body { 
	margin:0;    
	padding-top:0px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	
    font-size:80%;
	color: #333;
	background:#bfb7a6;
}
#banner2{display:none;}
#attrs_checkbox {background:#fff;}
#attrs_radio {background:#fff;}
/**{MARGIN:0;PADDING:0;}*/
#container {  	
    position : relative;
    width : 946px;
	margin : auto;
    background: url(cssimg/container_bg.jpg) left top repeat-y;
}
#pageheader {
	width:946px;
	height:214px;
	background: url(cssimg/pageheader_bg.jpg) top left  no-repeat;
}
#pageheader img {	display:none;}
#pageheader h1	{display: none;}	
	
/*底部背景*/
#main2 {	
	background:url(cssimg/m_bottom.jpg) bottom left no-repeat;	
}
/*中間背景*/
#main1{
	word-wrap: break-word ;
	margin: 0; position:relative;
	background:url(cssimg/m_center.jpg) top left repeat-y;
}
/*上方背景*/
#main {	
    padding:0 60px 50px 85px;    margin:0; 
	min-height : 700px; height:auto !important; height:700px;
	background:url(cssimg/m_top.jpg) top left no-repeat;
}
#main:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;}

.pic  {
	float : right;
	margin : 3px;
}		
.pic img {
	border : 1px solid #ccc;
	padding : 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: #5e5426;
	text-decoration : none;
}
a:hover , a:active  {
	color: #cc3300;
	text-decoration : none;
}

p { }

h2 { 
	clear : both;
	padding : 2.6em 0 0.3em 4em; margin: 10px 0 10px 0;
	letter-spacing: 3px;
    font-size : 1em;
    width : 90%;
	color:#565243;
	background:url(cssimg/h2.gif) top left no-repeat;
}

h2 a:link , h2 a:visited { color:#565243;}
h2 a:hover , h2 a:active { color:#999966;}

h3 {
	clear : both;
	background : url(cssimg/h3.gif) no-repeat 0 50%; 	
	border-bottom : 1px solid #c4c5ab;
	color: #565243;
	padding : 0.5em 0 0.8em 4em;
	letter-spacing: 3px;
    font-size : 1em;
    width : 90%;
}
h4 { 
	clear : both;
    font-size : 1em;
    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 {
	width:740px;
	padding:10px 0 10px 28px;
	min-height : 30px;	height:auto !important;	height:30px;
	background: url(cssimg/submenu.gif) left top no-repeat;
}
#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: #666;
	padding:3px 8px 0px 20px;
	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: #000;
}
#submenu li  span { white-space: nowrap; } 


/*資訊列選單*/
#submenu2 {
	width:740px;
	padding:10px 0 10px 28px;
	min-height : 30px;	height:auto !important;	height:30px;
	background: url(cssimg/submenu.gif) left top no-repeat;
}
#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: #666;
	padding:3px 8px 0px 20px;
	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: #000;
}
#submenu2 li  span { white-space: nowrap; }  

/* 主選單 */
#linklist{ 
	position :absolute;
	top : 176px;
	right : 17px;
	width : 450px;
	margin :0;
	padding :0;
}
  html>body #linklist{top:175px;}
*+html>body #linklist{top:176px;}

#linklist h3 {display:none;}
				
#linklist ul { 
    list-style: none;
	margin: 0;
	padding :0px 0;
	width:450px;
}
#linklist li { margin: 0; padding: 0; display: inline;}
#linklist li a {
	float:left;
	padding :2px 7px 5px 4px;	margin : 0px 0px 0 0px ;
	font-size:1.1em;
	color:#fff;
	font-weight:bold;
	line-height:1.5em;
	font-family: '標楷體';	
	background:url(cssimg/right_bg.jpg) top left no-repeat;
}
  html>body #linklist li a{font-size:1.2em;}
*+html>body #linklist li a{font-size:1.1em;}
#linklist li  span{
    float:left;
    display:block;
    margin:0 5px 0 0;
    padding:0 0px 0 8px;
    background:url(cssimg/left_bg.jpg) top left no-repeat;
}
#linklist li a:hover {
	color:#9e8d5e; 
}

/* login  */
#menu_login {
    position:absolute;
	top:47px;
	left:0px;
    width:450px;
	margin:0;	  padding:0;
}
  html>body #menu_login {	top:46px;}
*+html>body #menu_login {	top:47px;}

#menu_login form {
    margin:0;    padding:0;	
    font-size: 12px;
	text-align:right;
}
#menu_login input {
	font-size:0.9em;
}
#menu_login p {
	margin:0;
}
#menu_login .button, #menu_login .button2 {
	border:1px solid #8c9093;
	float:left;
	background: url(cssimg/button.gif) left top no-repeat;
	border: 0;
	color: #918870;
	margin: -12px -10px 0 10px; padding: 0 0 0 5px;
}
  html>body #menu_login .button {margin: -12px -10px 0 15px;}
  html>body #menu_login .button2 {margin: -12px -10px 0 15px;}
*+html>body #menu_login .button, *+html>body #menu_login .button2 {margin: -12px -10px 0 10px;}

#menu_login label	{
	float: left;
    color:#918870;
    background:none;
	margin: 0 2px 0 15px; padding: 0;
}
#login_id, #login_pw {
	width: 112px; height: 18px;
	background: url(cssimg/menu_login_input.gif) left top no-repeat;
	border: 0;
}
#login_id{
	float: left;
	margin:0 0 3px 0;
}
  html>body #login_id {margin:0 -4px 3px 0;}         
*+html>body #login_id {margin:0 0 3px 0;}
#login_pw{float: left; margin-top: -14px;}
#menu_login .label2 {margin-top:-14px;}


#menu_service {
	position:absolute;
	top:75px;
	left:0px;
    width:200px;
	height:30px;
	margin:0px 0 0 15px;
	border: 1px solid red;
	padding:30px 0 0 0;
    background:url(cssimg/member_login.jpg) top left no-repeat;
}
#menu_service ul {width:150px;margin:0 0 0 8px}
#menu_service  li  span{float:none;margin:0 0 7px 0;width:150px;background:none;}
#linklist #menu_service li a{
	float:none;
	padding:0 0 0 15px;
	letter-spacing:0.1em;
	font-size:0.9em;
    background:url(cssimg/dt.gif) top left no-repeat;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	
	}
	html>body #linklist #menu_service li a{font-size:1em;}
	*+html>body #linklist #menu_service li a{font-size:0.9em;}
	
	
	
	
	
/* google search  */
#menu_search {
	display:none;
    position:absolute;
	top:195px;
	left:-445px;
	width:160px;
	height:105px;
	margin:0 0px 0 0px;
	padding:30px 0px 5px 0px;
	background:url(cssimg/google_bg.gif) top left no-repeat;
}
#menu_search h3 {
    font-size:1.1em;
	width:125px;
	padding:0;
	margin:0 0 3px 10px;
}
#menu_search form {
    text-align:right;
	margin:0 17px 0 0px;
}
#menu_search input{
    margin:0 0 3px 15px;
	padding:0;
	font-size:0.9em;
	width:50px;
    border:1px solid #b7af97;
	background:url(cssimg/login_bg.jpg) #887e51 top left repeat-x;
}

#menu_search #sitesearch {
    background:none;
	width:10px;
	margin:0 0 0 0;
	padding:3px 0 0 0;
    border:0px solid #000;}
#menu_search label {
    font-size:0.9em;
	padding:10px 0 0px 2px;
	margin:0px 0 0px 0;
}
#menu_search #q{width:120px;}
#menu_search #s{margin:0;padding:0;}
html>body #menu_search #s{margin:0 -4px 0 0;padding:0;}
*+html>body #menu_search #s{margin:0;padding:0;}
#menu_search .p{}


/* 表單  */
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 { 
	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 : #ddd;
    width : 100%;
}
		
.PageList {
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	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 #5CA900;background:#81CE25;
}

/* 表格 */

/* styled 人物介紹/公告系統 等 使用 */
.ts_styled {	  
	margin: 10px 0 5px 0;
	font-size: 1em;
	border-collapse: collapse;
}
.ts_styled th, .ts_styled td {
	padding:6px 10px;
	text-align:left;
	vertical-align:top;
	background:url(cssimg/td1.gif) left bottom repeat-x;
}

.ts_styled th {
	background:url(cssimg/th1.gif) left bottom repeat-x;
	padding:6px ;
	color: #996633;
	font-weight: normal;
	border-top: 1px solid #ccc4af;
	border-bottom: 1px solid #ccc4af;
}

.ts_styled caption { 
	text-align : left;
	font-weight : bold;
	font-size :1em;
	padding : 0.7em 0.1em 0.5em 3.5em;
	background : url(cssimg/caption.gif) left top no-repeat;
	color:#565243;
}
}
  html>body .ts_styled caption { 	padding : 0.5em 0.1em 0.5em 3.5em;}
*+html>body .ts_styled  caption { 	padding : 0.7em 0.1em 0.5em 3.5em;}

/* styled 人物介紹/公告系統 等 使用 */
.ts_vstyled {
	margin: 10px 0 5px 0;
	font-size: 1em;
	border-collapse: collapse;
	border-top: 1px solid #ccc4af;
	border-bottom: 1px solid #ccc4af;
}
.bio_pic{	
	position:absolute;
	right:30px;
	top: 170px;
	padding:5px;
}
.ts_vstyled th, .ts_vstyled td {
	padding: 10px 6px 6px 6px;
	text-align:left;
	vertical-align:top;
	border-top: 1px dashed #ccc4af;
}
  html>body .ts_vstyled th, .ts_vstyled td {padding: 6px;}
*+html>body .ts_vstyled th, .ts_vstyled td {padding: 9px 6px 6px 6px;}
.ts_vstyled th {
	width : 110px;
	background:url(cssimg/th2.gif) right top no-repeat;
	color: #996633;
	font-weight: normal;
}
.ts_vstyled caption { 
	height:20px;
	text-align : left;
	font-weight : bold;
	font-size : 1.2em;
	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_rowsonly  th,.ts_rowsonly  td {
	padding:6px 10px;
	text-align:left;
	vertical-align:top;
	background:url(cssimg/td1.gif) left bottom repeat-x;
}
.ts_rowsonly  thead th {
	background:url(cssimg/th1.gif) left bottom repeat-x;
	padding:6px ;
	color: #996633;
	font-weight: normal;
	border-top: 1px solid #ccc4af;
	border-bottom: 1px solid #ccc4af;
}
.ts_rowsonly  caption { 
	width:50%;
	cursor:hand;
	text-align : left;
	font-weight : bold;
	font-size :1em;
	padding : 0.7em 0.1em 0.5em 3.5em;
	background : url(cssimg/caption.gif) left top no-repeat;
	color:#565243;
}
  html>body .ts_rowsonly  caption { 	padding : 0.5em 0.1em 0.5em 3.5em;}
*+html>body .ts_rowsonly  caption { 	padding : 0.7em 0.1em 0.5em 3.5em;}
.nowrap		{white-space: nowrap;width:15%;} /*不換行*/

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

/*-------  工具捷徑 ------*/
#corner{ 
	position: absolute;
	top: 150px;
	right: 128px; /* <---------------  setting */
	width: 410px;
    text-align : right;
	padding : 0;
	margin : 0;
	color:#000;
}
#corner a{font-size:0.8em;}
html>body #corner a{font-size:1em;}
*+html>body #corner a{font-size:0.8em;}
#corner a:link, #corner a:visited {color:#000;}
#corner  a:hover , #corner  a:active	{color:#d1c6a6;text-decoration:underline;}

/*--------- 底 ---------- */
#footer{ 
	position : relative;
	clear : both;
	margin-right : 0px;
	background:url(cssimg/footer.jpg) bottom left repeat-y;
}
#footer2{
    min-height : 130px;
	height:auto !important;
    height:130px;
	background:url(cssimg/footer2.jpg) bottom left no-repeat;
}
#footer2:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
#footer a:link, #footer a:visited {color:#372a1c;text-decoration:underline;}
#footer a:hover	, #footer a:active  {color:#fff;}

#footer_logo {
	position : absolute;
	left : 420px;
	bottom : 15px;
	padding : 0px;
	width:130px;
}
  html>body #footer_logo{bottom:10px;}
*+html>body #footer_logo{	bottom : 15px;}
#footer_address {
	position :relative;
	width : 450px;
	left : 250px;
	top : 0;
	padding : 15px 0 5px 0;
	color:#d1c6a6;
	font-size:0.8em;
	line-height:1.8em;
	letter-spacing:0.1em;
	text-align:center;
}
  html>body #footer_address {left:250px;font-size:0.85em; width:450px;}
*+html>body #footer_address {	left : 250px;font-size:0.8em; width:450px;}
#footer_ruling {
	position : absolute;
	right : 220px;
	top : 15px;	
}
  html>body #footer_ruling {}
*+html>body #footer_ruling {}
#counter {
     position:absolute;
	 width:150px;
	 top: 15px;
	 left:30px;
	 font-size:0.8em;
	 color:#d1c6a6;
}
  html>body #counter { top: 30px; font-size:1em;}
*+html>body #counter { top: 15px; font-size:0.8em;}
/*--------- 導盲磚設定---------- */
#accesskey_content{
color:#e9e4d8;}
#accesskey_top {
color:#fff;}
#accesskey_menu {
color:#867851;}
#accesskey_login {
color:#e9e5d8;position:absolute;}
#accesskey_submenu {
color:#d7d0ba;}
#accesskey_extralist {
display:none;}

/*news文章*/
.article{border-bottom:1px dotted #fff;color:#fff;}/*--------- 上區塊---------- */
.article ul{}
.article li{display:inline;margin-right:30px;}

.article2{border:1px solid #fff;color:#fff;}/*--------- 下區塊---------- */
.article2 ul{list-style : none;}
.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) #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;}


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

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