/* RulingSite-S 2.4_CSS_style 20090413 */
/* 版面設定 */
body {
	margin:0;    	padding:0;
	font-family: 'Verdana',Lucida Grande,  Arial, Sans-Serif;	
    font-size:80%;
	background: #bfb7a6;
}
#attrs_checkbox {background:#fff;}
#attrs_radio {background:#fff;}
/**{MARGIN:0;PADDING:0;}*/
#container {
    position : relative;
    width : 962px;
	margin : auto;
    background: url(cssimg/center.jpg) left top repeat-y;
}
#container2{background: url(cssimg/bottom.jpg) left bottom no-repeat;}
#pageheader {
	width:962px;
	height:242px;
	background: url(cssimg/top.jpg) top left  no-repeat;
}
#pageheader img {
	margin: 59px 0 0 235px
}
#pageheader h1	{display: none;}

/*底部背景*/
#main2 {	
	background : url(cssimg/m_bottom.jpg)  bottom left no-repeat;
}
/*中間背景*/
#main1{
	position:relative;
	background : url(cssimg/m_center.jpg)  bottom left repeat-y;
}
/*上方背景*/
#main {	
    padding:0 20px 100px 250px ;
	background : url(cssimg/m_top.jpg)  top left no-repeat;
	min-height : 600px;	height:auto !important;	height:600px;
}
#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: #6666cc;
	text-decoration : none;
}
a:hover , a:active  {
	color: #0000cc;
	text-decoration : none;
}

p { }

h2 { 
	clear : both;
	background : #f26522 url(cssimg/h2.gif) left top no-repeat; 
	border-bottom : 1px solid #feff2e;
	padding : 0.3em 0 0.3em 1.8em;	margin: 0;
    font-size : 1em;
	letter-spacing: 2px;
    width : 96.5%;
	color:#fff;
}
h2 a:link , h2 a:visited { color:#fff}
h2 a:hover , h2 a:active { color:#fff}
h3 {
	clear : both;
	background : url(cssimg/h3.gif) left top no-repeat;
	padding : 0.6em 0 1em 2.5em;	margin:0 0 20px 0;
    font-size : 1em;
	font-weight: normal;
	letter-spacing: 6px;
	color: #cc0000;
    width : 95%;
}
  html>body h3 {	padding : 0.4em 0 1em 2.5em;}
*+html>body h3 {	padding : 0.6em 0 1em 2.5em;}
h4 { 
	clear : both;
    font-size : 1em;
    width : 80%;
}
code, .code  { 
	background : #eee; 
	border : 1px solid #ccc;
	padding: 1em;
	display: block;
}
li {list-style:none;list-style-image:none;}
.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 2px 8px;
}
#content dt a:link,#content dt a:visited {
	font-size:10pt;
	font-weight:normal;
	margin:0 0 0 3px;
}
#content  dd {
	color:#7F7F7F;
	margin-bottom:15px;
	line-height:1.7em;
	letter-spacing:0.1em;
}

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

/* 第二層選項 */
#submenu {	
    width:690px; 
	margin: 5px 0 0 0;	padding:4px 0 0 0;
    background:#5c5c5c;
}
#submenu:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
#submenu ul	{margin:0 0 0 17px;padding:0;}
#submenu li	{ display : inline; line-height:1.9em; margin-right : 15px;float:left;margin-bottom:5px;}
#submenu li a {
	color: #fff;
	padding:4px 8px 0px 20px;	margin:0px 4px 0px 4px;
	text-decoration : none;
	background:url(cssimg/submenu_li.gif) center left no-repeat;
	letter-spacing:2px;
}
  html>body #submenu li a {padding:2px 8px 0px 20px;}
*+html>body #submenu li a {padding:4px 8px 0px 20px;}
#submenu li a:hover , #submenu li  a:active  {
	color: #ffe0c4;
}
#submenu li  span { white-space: nowrap; }

/*資訊列選單*/
#submenu2 {
	margin: 5px 0 0 0;	padding:4px 0 0 0;
    background:#5c5c5c;
}
#submenu2:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
#submenu2 ul	{margin:0 0 0 33px;padding:0;}
#submenu2 li	{ display : inline; line-height:1.9em; margin-right : 15px;float:left;margin-bottom:5px;}
#submenu2 li a{
	color: #fff;
	padding:4px 8px 0px 20px;	margin:0px 4px 0px 4px;
	text-decoration : none;
	background:url(cssimg/submenu_li.gif) center left no-repeat;
	letter-spacing:2px;
}
  html>body #submenu2 li a {padding:2px 8px 0px 20px;}
*+html>body #submenu2 li a {padding:4px 8px 0px 20px;}
#submenu2 li a:hover , #submenu li  a:active  {
	color: #ffe0c4;
}
#submenu2 li  span { white-space: nowrap; } 

/* 主選單 */
#linklist{ 
	position :absolute;
	top : 110px;
	left : 7px;
	width : 190px;
	margin :0;	padding :0;
	z-index:9;
}
#linklist h3 {display:none;}
#linklist ul { 
    list-style: none;
	margin: 0 10px 0 0;	padding :0;
	width:180px;
	text-align: right;
}
#linklist li	{ margin: 0; padding : 0; }

#linklist li a span {
	display: block;
	background:url(cssimg/linklist_li_span.gif) right bottom repeat-x;
	padding : 3px 0 5px 5px ;
}
#linklist li a{
	display: block;
	padding : 0 24px 0 0 ;	margin : 2px 1px;
	font-size:1em;
	letter-spacing: 4px;
	text-decoration: underline;
	color: #fff;
}
#linklist li a:hover {
	background:url(cssimg/linklist_li.gif) right top no-repeat;
	color:#fff; 
}

#linklist form	{
	font-size: 12px; color: #2e4e73;
}
#menu_login{
	background:url(cssimg/login_bg.gif) top left no-repeat;
    padding: 15px 0 0px 20px;	margin:30px 0 30px 0px;
}
  html>body #menu_login{padding: 20px 0 0px 20px;}
*+html>body #menu_login{padding: 15px 0 0px 20px;}

#menu_login p {line-height: 1.8;}
  html>body #menu_login p {line-height: 2;}
*+html>body #menu_login p {line-height: 1.8;}

#login_id, #login_pw {
	border: 1px solid #d2d4d5;
	background: #fff;
	width: 120px;
	height: 18px;
}
#menu_login .button {
	width: 36px;
	height: 18px;
	border: 1px solid #dcdcdc;
	background: #dedede url(cssimg/button.gif) left top repeat-x;
	color: #2e4e73;
	font-size: 0.8em;
	margin:-22px -36px 0 39px;	padding: 2px 0 0 0;
}
  html>body #menu_login .button {font-size: 0.9em;margin:0 -36px 0 39px;	padding: 0 0 0 0;}
*+html>body #menu_login .button {font-size: 0.8em;margin:-22px -36px 0 39px;	padding: 2px 0 0 0;}

#menu_login #login_forget { margin: -23px 0 0 87px;}
  html>body #menu_login #login_forget { margin: -34px 0 0 85px;}
*+html>body #menu_login #login_forget { margin: -26px 0 0 87px;}

/* google search  */
#menu_search {
	background:url(cssimg/search_bg.gif) top left no-repeat;
    padding:20px 10px 0px 0;	margin:0 0 0 0px;
	text-align:right;
}
  html>body #menu_search {padding:40px 10px 0px 0;}
*+html>body #menu_search {padding:20px 10px 0px 0;}

#menu_search #q{
	width:150px;
	height:18px;
	background:#fff;
	border: 1px solid #dcdcdc;
}
#menu_search #sa {
	width: 63px;
	height: 18px;
	border: 1px solid #dcdcdc;
	background: #dedede url(cssimg/search.gif) left top no-repeat;
	color: #6894a0;
	margin: 5px 0;
	font-weight: bold;
}
#menu_search #sitesearch,#menu_search #sitesearch1,#menu_search #sitesearch2 {
    background:none;
	width:10px;
	margin:0 0 0 0;	padding:3px 0 0 0;
	border:0;
}
#menu_search label {
    font-size:0.9em;
	padding:10px 0 0px 2px;
	margin:0px 0 0px 0;
	letter-spacing:0.1em;
	color:#2e4e73;
}

/* 表單  */
form fieldset {
  padding: 10px;
  margin: 0px 0px 0px 0px;
}
 legend  {
 color:#ffae00;
 }
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:-42px 0 0 20px;}


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: 3px 0;
	font-weight: bold;
	font-size: 0.8em;
	overflow: hidden;
	text-align : right;
	color : #999;
    width : 100%;
}		
.PageList {
	margin: 0;	padding: 3px;
	font-weight: bold;
	overflow: hidden;
	list-style: none;
	display : inline;
	background: none;	
}
.PageList li {
	display: inline;
}
.PageList a, .PageList a:link, .PageList a:visited {
	color:#999; padding: 1px 2px;margin: 0; 
}
.PageList a:hover {color:#666;padding: 2px 5px;border: 1px solid #ddd;background:#eee;
}

/* 表格 */
.ts_styled a:link,    .ts_vstyled a:link,    .ts_rowsonly  a:link,
.ts_styled a:visited, .ts_vstyled a:visited, .ts_rowsonly  a:visited {	color: #333; 
}
.ts_styled a:hover,   .ts_vstyleda:hover,    .ts_rowsonly a:hover ,
.ts_styled a:active,  .ts_vstyleda:active,   .ts_rowsonly a:active  {	color: #0066cc;
}

/* 表格 */

/* styled 人物介紹/公告系統 等 使用 */
.ts_styled {	  
      margin: 10px 0 5px 0;
      font-size: 1em;
	  border-collapse: collapse;
 }
.ts_styled th {
	padding:6px 10px;
	vertical-align:top;
	text-align:left;
	color:#fff;
	background:#7abd60;
}
.ts_styled td {
	vertical-align:top;
	border-bottom:1px solid #cdf0be;
	padding:6px 10px;
	color:#333333;
}
.ts_styled .even {
	background : #eefaea;
}
.ts_styled caption { 
	text-align : left;
	font-weight : bold;
	font-weight: normal;
	letter-spacing: 6px;
    font-size : 1em;
	padding : 0.4em 0 2em 2.5em;	margin:0;
	background : url(cssimg/caption.gif) left top no-repeat;
	color: #cc0000;
}
  html>body .ts_styled caption {	padding : 0.4em 0 1em 2.5em;}
*+html>body .ts_styled caption {	padding : 0.4em 0 2em 2.5em;}

.ts_styled input {border:0px solid red;background:none;}
/* styled 人物介紹/公告系統 等 使用 */
.ts_vstyled {	  
	margin: 10px 0 5px 0;
	font-size: 1em;
	border-collapse: collapse;
}
.bio_pic{	
	position:absolute;
	top: 80px;	right: 32px;
	background:#fff;
}
.ts_vstyled th {
	padding:6px 15px;
	font-weight: normal;
	vertical-align:top;
	background:url(cssimg/th1.gif) top right no-repeat;
	color: #666;
	width : 110px;
	text-align : left;
}
.ts_vstyled td {
	padding:8px 15px;
	text-align:left;
	color:#333;
	vertical-align:top;
}
.ts_vstyled caption { 
	text-align : left;
	font-weight : bold;
	font-weight: normal;
	letter-spacing: 6px;
    font-size : 1em;
	padding : 0.4em 0 2em 2.5em;	margin:0;
	background : url(cssimg/caption.gif) left top no-repeat;
	color: #cc0000;
}
  html>body .ts_vstyled caption {	padding : 0.4em 0 1em 2.5em;}
*+html>body .ts_vstyled caption {	padding : 0.4em 0 2em 2.5em;}

/* rows only   : 管理介面 使用 */
.ts_rowsonly  {
	margin: 10px 0 5px 0;
	font-size: 1em;
}
.ts_rowsonly  th {
	padding:6px 10px;
	vertical-align:top;
	text-align:left;
	color:#fff;
	background:#7abd60;
}
.ts_rowsonly  td {
	vertical-align:top;
	border-bottom:1px solid #cdf0be;
	padding:6px 10px;
	color:#333333;
}
.ts_rowsonly  .even {
	background : #eefaea;
}
.ts_rowsonly  caption { 
	text-align : left;
	font-weight : bold;
	cursor: pointer;
	font-weight: normal;
	letter-spacing: 6px;
    font-size : 1em;
	padding : 0.4em 0 2em 2.5em;	margin:0;
	background : url(cssimg/caption.gif) left top no-repeat;
	color: #cc0000;
	width:660px;
}  
  html>body .ts_rowsonly caption {	padding : 0.4em 0 1em 2.5em;}
*+html>body .ts_rowsonly caption {	padding : 0.4em 0 2em 2.5em;}

.ts_rowsonly  caption span { 
	padding-right:20px;
	background:url(cssimg/level.gif) top right no-repeat;
} 

.nowrap		{width:15%;} /*不換行*/

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

/*-------  工具捷徑 ------*/
#corner{ 
	position: absolute;
	top: 38px;	right: 20px; 
	margin : 0;	padding : 0;
	width: 550px;
    text-align : right;
	color:#fff;
	Z-index:5;
	font-size: 0.85em;
	text-transform: uppercase;
}
  html>body #corner {	font-size: 0.95em;}
*+html>body #corner {	font-size: 0.85em;}

#corner a:link, #corner a:visited {	color:#fff;}
#corner  a:hover , #corner  a:active	{	color:#996600;}

/*--------- 底 ---------- */
#footer{ 
	clear : both;
	position : relative;
	color: #333;
	min-height : 175px;	height:auto !important;	height:175px;
}							
#footer a:link, #footer a:visited {}
#footer a:hover	, #footer a:active  {}

#footer_logo {
	position : absolute; top : 0; left : 0;
}
#footer_address {
	position :relative; top : 30px; left : 280px;
	width : 550px;
	font-size:0.8em;
	line-height:1.7em;
}
  html>body #footer_address {font-size:0.9em;}
*+html>body #footer_address {font-size:0.8em;}

#footer_ruling {
	position : absolute; top : 0px; left : 240px;
}
  html>body #footer_ruling { top : 5px;}
*+html>body #footer_ruling { top : 0px;}

#counter {
     position:absolute; top:0; left:280px;
	 width:150px;
}
  html>body #counter {top:5px;}
*+html>body #counter {top:0;}

/*--------- 導盲磚設定---------- */
#accesskey_content{
color:#fff;}
#accesskey_top {
color:#fff;}
#accesskey_menu {
color:#6fa5e5;}
#accesskey_login {
color:#9dc7ef;position:absolute;}
#accesskey_submenu {
color:#fff;}
#accesskey_extralist {
display:none;}

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

.article2{border:1px solid #e7e7e7;color:#666;width:500px;margin:0 0 10px 0;padding:10px 10px 10px 0px;}/*--------- 下區塊---------- */
.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) 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; }

/* 會員列表 */
#page_student_status_checkbox {padding:30px;background:none;}
#page_student_status_checkbox fieldset {margin-bottom:20px;padding:20px;}
#page_student_status_checkbox input {background:none;border:0px solid red;margin:0 4px;}
#page_student_status_checkbox .checkbox{line-height:2em;}
#page_student_status_checkboxsubmit_form input {border:1px solid #d0d0bf;padding:2px;}
#page_student_status_checkbox .col_select{display:inline;float:left;width:15%;margin-right:10px;margin-top:10px;}
#page_student_status_checkbox .submit{margin-top:25px;}
#page_student_status_checkbox .col_r{float:left;clear:both;}
#page_student_status_checkbox .col{float:left;clear:both;}
#page_student_status_checkbox .submit input{border:1px solid #d0d0bf}
#page_student_status_checkbox .PageDetails{margin:15px 0;border-bottom:1px solid #eee;}

/* BLOG權限列表 */
#attrs_checkbox {padding:30px;background:none;}
#attrs_checkbox fieldset {margin-bottom:20px;padding:20px;}
#attrs_checkbox input {margin:0 4px;}
#attrs_checkbox .checkbox{line-height:2em;}

#attrs_checkbox .col_select{display:inline;float:left;width:15%;margin-right:10px;margin-top:10px;}
#attrs_checkbox .submit{margin-top:25px;clear:both;}
#attrs_checkbox .col_r{float:left;clear:both;}
#attrs_checkbox .col_r input{background:none;border:0px solid red;}
#attrs_checkbox .keysearch input{background:none;border:1px solid #dadada;width:200px;}
#attrs_checkbox .col{float:left;clear:both;}
#attrs_checkbox .submit input{border:1px solid #d0d0bf;}
#attrs_checkbox .PageDetails{margin:15px 0;border-bottom:1px solid #eee;}


/* 公告*/
h1{
	font-size:1em;
	padding:25px 10px 15px 50px;
	color:#333;
	letter-spacing:0.1em;
}
.new_title{
	font-size : 1em;
	padding : 0.1em 0.1em 0.1em 0.1em;
	color:#337d99;
}
.class {
	float:left;
	margin:0px 0 0 0;
	color:#999;
	background: url(cssimg/sub_class.gif) right top no-repeat;
	padding-right: 5px;
}
.up_area {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 8px 0 8px 0;
	margin: 0 0 10px 0;
	color: #999;
}


.url, .last_mod, .att_files {
	clear:both;
	color:#808080;
	padding:4px 5px 5px 15px;
	background:url(cssimg/fh.gif) left center no-repeat;
}
  html>body .url,   html>body .last_mod,   html>body .att_files { padding:5px 5px 5px 15px;}
*+html>body .url, *+html>body .last_mod, *+html>body .att_files { padding:4px 5px 5px 15px;}

.last_mod { margin:0 0 10px 0;}

.att_files ul { margin:0; padding:0;}
#content .att_files ul img {height: 12px;}
#content .att_files ul li{display:inline; float:left; white-space: nowrap;}
#content .att_files ul li {
	list-style : none;
	list-style-image:none;
	padding:3px 8px 0px 15px;	margin:3px 0;
	background:url(cssimg/submenu_li.gif) left top no-repeat;
}
  html>body#content .att_files ul li {padding:0 8px 0px 15px;}
*+html>body#content .att_files ul li {padding:0px 8px 0px 15px;}

.editor {
	line-height:1.75;
	margin: 0 0 0 3px;
}


/* 文章搜尋 */
#page_community .col_text li {float:left;display:inline;}
/* 學術搜尋 */
.class_input input {background:none;border:0px solid red;}
.search_name2 li {float:left;display:inline;margin-right:4px;}
.search_name2 .col{padding-top:5px;}


#searchform label, #searchform .search_name li {margin:0;padding:0;}
#searchform .search_name {
	min-height:10px;
	height:auto !important;
	height:10px;
	width:350px;
	margin:10px 0 0 0; padding:0;
}
#searchform li{
	list-style:none;
	list-style-image:none;
	float:left;
	display:inline;
}
.search_name input{	float:left;margin: -3px 0 0 0;}
  html>body .search_name input{	margin: 0 0 0 0;}
*+html>body .search_name input{	margin: -3px 0 0 0;}

/* banner_bar */
#banner_bar{
	background-position : 100% 100%;
	background-repeat:no-repeat;
	background-color: transparent;
	height:30px;
	width: 962px;
	margin: 0 auto;
	z-index: 1;
}
#banner_bar ul{
	margin: 0;
	padding:0 0 0 15px;
	list-style: none;
}
#banner_bar li{
	padding:8px 0 0 0;
	list-style: none;
}
#banner{
    position : relative;z-index:1;
	top : 113px;
	left : 0;
}
#banner .flash_text{display:none;}

#banner_bar a:link, #banner_bar a:visited{
	z-index:1;
	color: #646055;
}
#banner_bar a:hover, #banner_bar a:active{
	color: white;
}