@import url(module/calendar.css);


/* RulingSite-S 2.4_CSS_style 20090413 */
/* 版面設定 */
html { background-color: #F0F0F0; }
body {
	margin:0;    
	padding:0;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif, "新細明體";	
    font-size:80%;
	background: #fff center bottom url(cssimg/footerbg.gif) repeat-x;
	}
body > img { display: none; }
#attrs_checkbox {background:#fff;}
#attrs_radio {background:#fff;}
/**{MARGIN:0;PADDING:0;}*/
#container { background: transparent center top url(cssimg/headerbg.jpg) repeat-x; }
#container2{ position: relative; width: 950px; margin: 0 auto; }
#pageheader { width:950px; }
#pageheader2{}
#pageheader img { }
#pageheader h1 { margin: 0; padding: 10px 0 0 0; margin-left: 20px; }
#pageheader h1 a {
	width: 528px;
	height: 50px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: transparent 0 0 url(cssimg/logo.png) no-repeat;
	}	
#pageheader2 > a { display: block; margin-top: 72px; }
#pageheader2 > a img { display: block; }
	
	

/*底部背景*/
#main2 {	
	min-height : 400px;
	height:auto !important;
    height: 400px;
	margin:0 250px 0 0;
}


/*中間背景*/
#main1{
	position:relative;
	background: transparent right top url(cssimg/sidebg.jpg) repeat-y;
}

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

.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;}
/* 動態頁面下的注解 */

/* 內文 */
#content {} 
#content2 {  position: relative; } 
#content p{line-height:2em;letter-spacing:0.1em;}	
#pages_area a {}		
/* 一般設定  */
a { text-decoration: none; color: #27445F; }
a:hover {}

p { }

h2 { 
	clear : both;
	border-bottom : dotted 1px #999;
    font-size : 16px;
	color: #000;
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
}


h3 {
	clear : both;
	border-bottom : 1px solid #ccc;
    font-size : 1.2em;
	padding: 8px 0;
	margin: 16px 0;
}

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

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 {	

}

#content  ul li li {
}

#content  dt {
	padding-left : 1.5em;
	font-weight : bold;
	margin:0 0 2px 0;
}


#content  dd {color:#7F7F7F;margin-bottom:15px;line-height:1.7em;letter-spacing:0.1em;}
acronym {
  cursor: help;
  border-bottom: 1px dotted #000;
}
 /* 第二層選項 */
#submenu {
}
#submenu_b{
}

#submenu ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
#submenu li {
	float: left;
	margin: 0 12px 12px 0;
	padding: 0 0 0 12px;
	background: transparent left center url(cssimg/dt_bg.gif) no-repeat;
	}
#submenu li a{
	padding: 6px;
	display: block;
	color: #284460;
	}
#submenu li a:hover { text-decoration: underline; }

#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:left;margin-bottom:5px;}
#submenu2 li a{
	color: #000;
	padding:3px 8px 0px 8px
	;border:0;
	text-decoration: none;
	margin:4px;
	}
#submenu2 li a:hover  {
	color: #FF6000;
	border-bottom:3px solid #ff6000;
}

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

/* 主選單 */
#linklist{
	position: absolute;
	left: 0;
	top: 106px;
	width: 950px;
	}
#linklist2{}
#linklist3 {}
#linklist h3 { display:none;}
#linklist ul { margin: 0; padding: 0; list-style: none; }
#linklist li { margin: 0; padding : 0; }
#linklist li a{}


#menu1 {
	width: 950px;
	height: 44px;
	background: transparent 0 0 url(cssimg/menubg.png) no-repeat;
	position: absolute;
	left: 0; 
	top: 0;
	}
#menu1 ul { overflow: hidden; }
#menu1 li { 
	float: left;
	background: transparent left center url(cssimg/menu_sep.png) no-repeat;
	}
#menu1 li:first-child { background: none; }
#menu1 a {
	display: block;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	color: #fff;
	font-size: 15px;
	font-family: "微軟正黑","微軟雅黑";
	font-weight: bold;
	padding: 0 20px;
	
	text-shadow: 0 0 8px rgba(0,0,0,0.5);
	}
#menu1 a:hover { background: transparent center bottom url(cssimg/menuhover.png) no-repeat; }



#linklist form	{ font-size: 12px;margin-left:10px;}
#login_id{width:80px;}
#login_pw{width:80px;}
#menu_login{ display: none; }

/* google search  */
#menu_search {
	position: absolute;
	top: -60px;
	right: 20px;
	width: 208px;
	height: 27px;
	background: transparent 0 0 url(cssimg/searchbg.png) no-repeat;
}
#menu_search h3 {
    font-size:1.1em;
	width:125px;
	padding:0;
	margin:0 0 3px 10px;
}
#menu_search form {
    text-align:left;
	margin:0 1px 0 0px;
}
#menu_search input {}
#menu_search #sa {
	width: 58px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -999px;
	cursor: pointer;
	}
#menu_search #sitesearch,#menu_search #sitesearch1,#menu_search #sitesearch2, #menu_search label { display: none; }
#menu_search #q{
	width: 140px;
	background: none;
	font-size: 12px;
	height: 26px;
	border: none;
	margin: 0;
	padding: 0 4px;
	display: block;
	float: left;
}
#menu_search .p{}



/*
#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;}
*/
/* 表單  */
legend {
	padding: 0 12px;
	}
fieldset {
	border: solid 1px #ccc;
	}
input { 
	/*cursor: pointer; */
}

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: 10px 0;
	clear: both;
	text-align: right;
	font-size: 12px;
	}
		
.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 {
	color: #fff;
	display: inline-block;
	padding: 4px;
	background: #6495CA;
	}
		
/* 表格 */

/* 表格 */

/* styled 人物介紹/公告系統 等 使用 */
.ts_styled {	  
	  border-collapse: collapse;
 }
.ts_styled td a { color: #27445F; text-decoration: none; }
.ts_styled a:hover{ text-decoration: underline; }
.ts_styled th {
      padding: 10px;
      vertical-align:top;
      color:#fff;
	  text-align:left;
	  background: #001D39;
      }
.ts_styled td {
      border-bottom:1px solid #ddd;
      padding: 10px;
      color:#333333;
      vertical-align:top;
      }


.ts_styled .even {
	background : #f5f6e2;
}	  

.ts_styled caption { 
	text-align : left;
	font-weight : bold;
	background : url(cssimg/caption.gif) no-repeat 0 50%;
	color: #333;
	font-size: 15px;
	padding: 16px 0 16px 24px;
	}
.ts_styled input {border:0px solid red;background:none;}
/* styled 人物介紹/公告系統 等 使用 */
.ts_vstyled {	  
	border-collapse: collapse;
 }
.ts_vstyled a {text-decoration:underline;}

.bio_pic{	
	position:absolute;
	right:230px;
	top:45px;
	padding:20px;
	background:#fff;

}
html>body .bio_pic {right:30px;}
.bio_pic2 {

}
.bio_pic3 {

}

.ts_vstyled th {
      padding:6px 15px;
      vertical-align:top;
	  background: #001D39;
      color: #fff;
	  font-weight: bold;
	  width : 110px;
	  text-align : right;
}
.ts_vstyled td {
      padding:8px 15px;
      text-align:left;
      color: #333;
      vertical-align:top;
	  background: #f6f6f6;
}

	  
.ts_vstyled .even th { 
}	  

.ts_vstyled caption { 
	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%;
	border-bottom : 1px solid #ddd;
		color:#ff9907;
}

/* rows only   : 管理介面 使用 */
.ts_rowsonly  {
      margin: 10px 0 5px 0;
      font-size: 1em;


}
.ts_styled a {}
.ts_rowsonly  th {
      padding: 10px;
      vertical-align:top;
      color:#fff;
	  text-align:left;
	  background: #001D39;
	  
      }
	  .ts_rowsonly  td {
      border-bottom:1px solid #ddd;
      padding: 10px;
      color:#333333;
      vertical-align:top;
      }
 .ts_rowsonly  th {
      color:#fff;
 }

.ts_rowsonly  thead th {
	  background: #001D39;
}	  
	  
.ts_rowsonly  .even {
	background : #f5f6e2;
}
.ts_rowsonly  caption { 
	text-align : left;
	font-weight : bold;
	background : url(cssimg/caption.gif) no-repeat 0 50%;
	color: #333;
	font-size: 15px;
	padding: 16px 0 16px 24px;
}  
.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{ 
    text-align : right;
	color: #fff;
	font-size: 11px;
	padding: 6px 0;
	margin-right: 20px;
	}
#corner a { color: #fff; text-decoration: none; }
#corner  a:hover	{ text-decoration: underline; }

/*--------- 底 ---------- */
#footer{
	font-size: 11px;
	color: #666;
	line-height: 1.5em;
	padding: 30px 20px;
	height: 102px;
	}						
#footer a { color: #333; }

#footer_logo {
}

#footer_address {
}

#footer_ruling {
	position: absolute;
	right: 20px;
	bottom: 14px;
	}
#footer_ruling a {
	display: block;
	width: 20px;
	height: 20px;
	background: transparent 0 0 url(cssimg/rlogo.png) no-repeat;
	}
#footer_ruling img { display: none; }
#webdate { clear: both; }
/*--------- 導盲磚設定---------- */
#accesskey_content{ color:#eee; position: absolute; left: -20px; top: 16px; }
#accesskey_top {color:#fff;}
#accesskey_menu {color:#fff;}
#accesskey_login {color:#fff;position:absolute;}
#accesskey_submenu {color:#eee; position: absolute; left: 0; top: 6px; }
#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;}

/* 文章搜尋 */
#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;}


/*banner bar 預設設定*/
#banner_bars, #banner_bars2{
	background-repeat: no-repeat;
	margin:0;
	min-height: 38px; height:auto !important; height: 38px;
	padding:0;
}
#banner_bars:after, #banner_bars2:after {
	content: ".";  display: block; height: 0; clear: both; visibility: hidden;
}
/*banner bar 圖片右邊*/
#banner_bars {
	background-position : 100% 100%;
}
#banner_bars li {
	padding: 6px;
}
/*banner bar 圖片左邊*/
#banner_bars2 {
	background-position : 0 0;
}
#banner_bars2 li {
	padding: 6px;
	text-align: right;
	width: 99%;
}
/*banner bar 指定位置
#banner_bar,#banner_bar2 {
	position: relative;
	margin: auto;
	width: 939px;
	z-index:10;
}
#banner_bars, #banner_bars2 {
	left: 10px;
	position: absolute;
	top: 200px;
	width: 939px;
}
*/
#banner{
    position : relative;
	z-index:1;
	top : 10px;
	left :10px;
	}
#banner .flash_text{display:block;clear:both;}
#banner a {}

#menu_service {
	position: absolute;
	z-index: 99;
	right: 20px;
	top: 0;
	background: #001D39;
	border-left: solid 1px #263852;
	border-right: solid 1px #263852;
	}
#menu_service ul { overflow: hidden; }
#menu_service li { float: left; }
#menu_service a {
	display: block;
	line-height: 44px;
	height: 44px;
	padding: 0 8px;
	color: #fff;
	font-size: 11px;
	}
#menu_service a:hover { text-decoration: underline; }
	
#extralist10 {
	position: absolute;
	top: 387px;
	right: 0;
	width: 220px;
	padding: 0 20px 0 10px;
	}
#extralist10 > div { padding: 0 0 16px 0; margin: 0 0 16px 0; }
#AD1 { }
#AD1 ul { margin: 0; padding: 0; list-style: none; }
#AD1 li {
	padding-bottom: 10px;
	}
#AD1 img, #AD1 a { display: block; }
.webfeed_news { padding: 10px 0; float: left; clear: both; }
.col_text { overflow: hidden; }
.info { margin: 0; padding: 0; list-style: none; }
.info li {
	line-height: 1.5em;
	color: #666;
	}
#teacher_main { overflow: hidden; }
.teacher_list {
	overflow: hidden;
	float: left;
	width: 39%;
	margin: 0 0 4% 4%;
	padding: 3%;
	border: solid 1px #ddd;
	height: 120px;
	}
.teacher_title1 {
	padding: 16px 0;
	font-size: 16px;
	font-weight: bold;
	clear: both;
	}
#page_site_map #content2 { overflow: hidden; }
.up_area {
	text-align: left;
	background-color: #f6f6f6;
	padding: 12px;
	}
.editor.content { padding: 12px; }
.last_mod { font-size: 11px; color: #666; border-top: solid 1px #eee; padding: 12px; }
.note { clear: both; }