@import url("banner_bar.css");
/* RulingSite-S 2.4_CSS_style 20090413 */
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {
	margin:0;
	padding:0;
}
/* 版面設定 */
body {
	margin:0;    
	padding:0;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif, PMingLiU;	
	color: #424242;
    font-size:80%;
	background-color: white;
}

#attrs_checkbox {background:#fff;}
#attrs_radio {background:#fff;}

#container {  	
    position : relative;
	width:923px;
	margin : 0 auto -15px auto;
    border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
}
#pageheader {
	height:221px;
	background: url(cssimg/pageheader_1.jpg) left top no-repeat;
}
#pageheader img {
	margin: 36px 0 0 18px;
}

#pageheader h1	{display: none;}	
	

/*底部背景*/
#main2 {	
	min-height : 700px;
	height:auto !important;
    height: 700px;	
}


/*中間背景*/
#main1{
	position:relative;
}

/*上方背景*/
#main {	
    padding: 15px 260px 0 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: #ff6600;
	text-decoration : none;
}
a:hover , a:active  {
	color: #ff9600;
}

p {margin: 15px 0; }

h1{
	color: #ff6600;
	font-size: 1.2em;
}
h2 { 
	clear : both;
    font-size : 1.6em;
	font-weight: 100;
    width : 90%;
	color:#ff6600;
}


h3 {
	margin: 5px 0;
    font-size : 1.5em;
	font-weight: 100;
	color: #ff6600;
}

h4 { 
	clear : both;
    font-size : 1.2em;
    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 {
	margin-left: 30px;
	list-style : none;
} 

#content  ul li {	
	list-style: square;
	color: #616161;
	margin-bottom: 5px;
}

#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 0;
}

#content dt a:link,#content dt a:visited {font-size:12pt;font-weight:normal;}

#content  dd {color:#7F7F7F;margin-bottom:15px;line-height:1.7em;letter-spacing:0.1em;}
acronym {
  cursor: help;
  border-bottom: 1px dotted #000;
}
 /* 第二層選項 */
.widget-kijiji{
	text-align: left;
}
.widget-kijiji table{
	width: 160px;
}
.widget-kijiji tr td{text-align: left;}

.widget-kijiji hr{display: none;}

.widget-clustrmaps{
	border-bottom: 1px solid #999;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

#combine_menu_link{
 	position: absolute;
	right: 20px;
	top: 25px;
    width:165px; 
}
#combine_menu_link .widget-kijiji tr td{
	line-height: 25px;
}
#combine_menu_link  table a, .widget-adv a{
	color: #878787;
}
#combine_menu_link table a:hover, .widget-adv a:hover{
	color: #FF6600;
}
#combine_menu_link h2{
	margin: 25px 0 5px 0;
 	border-bottom: 1px solid #ff6600;
	width: 100%;
}
#combine_menu_link .widget-clustrmaps img{
	width: 100px;
	height: auto;
}

#submenu {
	padding:0;
	font-size: 0.8em;
	border-right: 1px solid #b9b9b9;
	border-top: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
}
html>body #submenu{font-size: 0.85em;}         
*+html>body #submenu{font-size: 0.8em;}
#submenu li{
	display : inline;
	margin: 5px 0 0 0;
}
#submenu li a{
	display: block;
	color: #ff6600;
	padding: 5px 0 0 5px;
	text-decoration : none;
	height: 25px;
	font-size: 12px;
	border-bottom: 1px solid #dfdfdf;
	border-left: 3px solid #b9b9b9;
}

#submenu li a:hover , #submenu li  a:active  {
	background: #eaeaea;
	border-left: 3px solid #ff6600;
}
#submenu li  span a{ 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  span { white-space: nowrap; } 

/* 主選單 */
#linklist{ 
	position :absolute;
	top : 40px;
	left : 252px;
	width : 760px;
	margin :0;
	padding :0; 
	z-index:9;
}

#linklist2{ 
}
#linklist3 {
padding:0;}
#linklist h3 { font-size : 14px; display:none;}
				
#linklist ul { 
    list-style: none;
	margin: 0;
	padding :0;
	width:760px;
}		
		
#linklist li	{ margin: 0;padding : 0;display:inline;float:left;}

#linklist li a{
	float:left;
	display: block;
	background:url(cssimg/bg_space.gif) left top repeat;
	padding :7px 10px;
	margin : 0px 1px;
	font-size: 18px;
	font-weight: 900;
	color:#838383;
}

#linklist li a:hover {
	color:#ff6600; 
}

/* 子選單 */
#linklist ul {
	/* Width of Menu Items */	
	z-index:80;
}

#linklist ul li {
	position: relative;
	list-style : none;
	display:block;
	z-index:30;
}

#linklist ul li ul{}

#linklist li ul{
	position: absolute;
	border:1px solid #554f48;
	left :0px; /* Set 1px less than menu width */
	top: 35px;
    width: 170px;
	display: none;
	background: #554f48;
	padding:0;margin:0;
}
#linklist li ul li a{
	float:none;
	position: relative;
	color:#fff;
	margin:0;
	font-weight: 100;
	border-bottom: 1px solid #3f3935;
}

#linklist li ul li a:hover{
	background:#3f3935;
}
#linklist ul li ul li{float:none;display:block;}

/* Styles for Menu Items */
#linklist ul li a {
	display: block;
	/*background: #fff; /* IE6 Bug */
	

}
#linklist li ul li a{
	font-size: 12px;
	background:url(cssimg/bg_space.gif) left top repeat;
}

.odd #ul_submenu1_0  li  {}

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


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

/* End */

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

/* google search  */
#menu_search {display: none;}

/* 登入後選單 */
#menu_service{
	position: absolute;
	top: -10px;
	left: 0;
}
#linklist #menu_service a{
	font-weight: 100;
	font-size: 12px;
	display: inline;
	padding-bottom:0;
}


/* 表單  */
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;
}
input{}

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;
	overflow: hidden;
	text-align : right;
	color : #ddd;
    width : 100%;
	clear: both;
}
		
.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 #ff6600;
	background:#ff6600;

}
/* 表格 */

/* styled 人物介紹/公告系統 等 使用 */
.ts_styled {	  
      margin: 10px 0 5px 0;
      font-size: 1em;
	  border-collapse: collapse;
	  border-top:1px solid #ddd;
 }
.ts_styled td a:link{text-decoration:none;}
.ts_styled a:hover{text-decoration:none;}
.ts_styled th {
      padding:10px 2px;
      vertical-align:top;
      color:#fff;
	  text-align:left;
	  background:#dddddd;
	  border-bottom:1px solid #ddd;
	  color: black;
      }
.ts_styled td {
      padding:6px 10px;
      color:#333333;
      vertical-align:top;
      }

.ts_styled .even {
	background : #f5f6e2;
}	  

.ts_styled caption { 
	text-align: left;
	margin: 5px 0;
    font-size : 1.5em;
	color: #ff6600;
}
/* styled 人物介紹/公告系統 等 使用 */
.ts_vstyled {	  
      margin: 10px 0 5px 0;
      font-size: 1em;
	  border-collapse: collapse;

 }
.ts_vstyled a:link,.ts_vstyled a:visited{text-decoration:underline;}
.bio_pic{	
	position:absolute;
	right:250px;
	top:65px;
	padding:5px;
	background:#fff;

}
html>body .bio_pic {right:100px}

.ts_vstyled th {
      padding:6px 15px;
      vertical-align:top;
      color:#8e8e8e;
	  width : 110px;
	  text-align : right;
}
.ts_vstyled td {
      padding:8px 15px;
      text-align:left;
      color:#333;
      vertical-align:top;
	  background:url(cssimg/th_bg.gif) top left no-repeat;
}

	  
.ts_vstyled .even th { 
}	  

.ts_vstyled caption { 
	text-align : left;
	font-weight : bold;
	font-size : 1.2em;
	padding : 0.1em 0.1em 0.1em 0em;
	border-bottom : 1px solid #ddd;
		color:#ff9907;
}

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

.ts_rowsonly  thead th {
	  background:#81ce25;
      padding:6px ;
      border-bottom-width:0;
}	  
	  
.ts_rowsonly  .even {
	background : #f5f6e2;
}
.ts_rowsonly  caption { 
	text-align : left;
	font-weight : bold;
	font-size :1.2em;
	width:400px;
	padding : 0.1em 0.1em 0.1em 1.5em;
	cursor:hand;
	background : url(cssimg/caption.gif) no-repeat 0 50%;
	color:#67ac14;
}  
.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{ 
	display: block;
	position: absolute;
	top: 10px;
	right: 10px; /* <---------------  setting */
	width: 410px;
    text-align : right;
	padding : 0;
	margin : 0;
	font-size: .875em;
	color: #848484;
}
  html>body #corner {font-size: .9em;}
*+html>body #corner {font-size: .875em;}

#corner a:link, #corner a:visited {color: #848484;}
#corner  a:hover , #corner  a:active{color: #ff6600;}

/*--------- 底 ---------- */
#footer{ 
	border-top: 1px solid #e4e4e4;
	clear : both;
	position : relative;
	text-align: right;
	height: 60px;
	color: #838383;
	font-size: 11px;
	padding: 20px 20px 0 0;
}							
#footer a:link, #footer a:visited{
	color: #838383;
	margin: 0 5px;
}
#footer  a:hover , #footer  a:active{color: #ff6600;}

#footer_logo {display: none;}

#footer_address {
	margin: 10px 0 0 0;
	color: #838383;
}
#footer_address a:link, #footer_address a:visited{color: #ff6600;}
#footer a:hover, #footer a:active{color: #ff9600;}

#footer_ruling {
	position: absolute;
	top: 25px;
	left: 15px;
}
#counter{display: none;}
/*--------- 導盲磚設定---------- */
#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文章*/
.up_area{
	border-bottom: 1px solid gray;
	text-align: left;
	color: gray;
	margin: 5px 0;
	padding: 5px;
	font-size: 0.9em;
	*font-size: 0.85em; /* for IE6 and IE7 */
}

.up_area .class, .up_area .poster{
	background: url(cssimg/news_li.gif) left 45% no-repeat;
	padding: 0 0 0 10px;
	margin-bottom: 5px;
}
.editor.content{
	margin: 20px 0 0 15px;
	line-height: 1.5em;
}
#page_news .att_files{
	padding: 10px;
	border: 1px solid #e6e6e6;
	clear: both;
}
.last_mod, .url{
	margin: 15px 0 0 15px;
	color: gray;
	font-size: 0.9em;
	*font-size: 0.85em; /* for IE6 and IE7 */
}

#page_news #content .att_files ul li{
	padding: 5px 0;
	margin-left: 0 !important;
	padding-left: 10px;
	list-style: none;
	list-style-image:none;
	background: url(cssimg/news_li.gif) left 60% no-repeat;
}
#page_news #content .att_files ul li a{color: gray;}
#page_news #content  ul li {	
	margin-left: 15px;
}

/* 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 #loginstyle  #login_id{
	font-size:15px;
	color:#000;
	width:130px;
	border:1px solid #ccc;
	height: 20px;
	margin-bottom: 5px;
}
#page_login #loginstyle  #login_pw{
	font-size:15px;
	color:#000;
	width:130px;
	border:1px solid #ccc;
	height: 20px;
}
#page_login #welcome_rss{float:left;margin-right:20px;}
#login_form p input{
	width: 45px;
}

 /* 勾選伸縮選單用 */ 
.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;}



/* 文章搜尋 */
#page_community .col_text li {float:left;display:inline;}
#page_community .col{width:auto;}
#page_community .col_r{width:auto;}

/* 學術搜尋 */
.keyword{width:500px;}
.search_name .col{margin:5px 5px 0 0;padding:0;width:auto;}
.search_name #searchsubmit{display:inline;width:auto;float:left;}
.search_name .col_r{width:auto;margin:0;padding:0;}
.search_name{margin:10px 0 0 0;width:auto;}
.search_name .col_text{width:auto;}
.class_input input {background:none;}
.search_name2 li {float:left;display:inline;margin-right:4px;}
.search_name2 .col{padding-top:5px;width:auto;}
.search_name2 #searchsubmit {margin:0 0 0 0px; cursor: pointer;}
html>body .search_name2 #searchsubmit {margin:0 0 0 55px;}

/*制定左右格式*/
.col{
	float:left;
	clear:both;
	margin:0 10px 0px 0;
	padding:1px 0 1px 0;
}
.col_no{
	float:left;
	width:130px;
	margin:0 10px 5px 0;
	padding:2px 0 2px 0;

}
.col_r{
	float:left;
	width:290px;
	margin:0 10px 0px 0;
	display: inline;
	width :270px \9; /*IE8*/
	*width :270px; /*IE7*/
	_width :270px; /*IE6*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
body input[name="query"]{
	position: relative;
	left: 280px;
}
}	

#wm_table{
	clear: both;
}

#query_hint-H{
	left:440px;
	position:absolute;
	top:130px;
	width: 200px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
body #query_hint-H[name="query"]{
	position:absolute;
	top:120px;
}
}	

/*投票資格*/
#vote_add fieldset {clear:both;}

/*出版品*/
#page_publish_admin .col_editor ul{margin:0;padding:0;}
#page_publish_admin p{clear:both;}
#page_publish_admin #help_QTitle{
	clear:both;display:block;
	margin:0 0 0 165px;
	height:30px;

}
#page_publish_admin #open_QTitle{
	clear:both;display:block;
	margin:0 0 0 165px;
	height:10px;

}
#page_publish_admin #help_QAuthor{
	clear:both;display:block;
	margin:0 0 0 165px;
	height:30px;


}
#page_publish_admin #open_QAuthor{
	clear:both;display:block;
	margin:0 0 0 165px;
	height:10px;

}
#page_publish_admin .col_r .notice{
	clear:both;white-space: nowrap;
}
#page_publish_admin .combine{
	white-space: nowrap;
}
#content #publish_form ul li{
	list-style:none;list-style-image:none;
}
#publish_form .col_editor ul{margin:0;padding:0;}
#publish_form #open_QTitle{
	clear:both;display:block;
	margin:0 0 0 165px;
	height:10px;

}
#publish_form #help_QTitle{
	clear:both;display:block;
	margin:0 0 0 165px;
	height:30px;

}
#publish_form #help_QAuthor{
	clear:both;display:block;
	margin:0 0 0 165px;
	height:30px;

}
#publish_form #open_QAuthor{
	clear:both;display:block;
	margin:0 0 0 165px;
	height:10px;
}
/*填寫報名表*/
#page_undefined .col_textarea ul{margin:0;padding:0;}
#page_undefined #content #signup_act_form ul li{list-style:none;list-style-image:none;}
#page_undefined p{clear:both;margin:10px 0;padding:0;float:none;}

/*end*/


p{clear:both;}
.col_select li {float:left; display:inline;}
.col_radio .combine {float:left; display:inline;}
#theform .combine {width:300px;}
.combine input{background:none;border:0px solid red;}
li {list-style:none;list-style-image:none;}
.col_file {clear:both;}
.col_checkbox_image {clear:both;margin-left:140px;}
#attrs_radio p{clear:both;}
#attrs_checkbox #theform  .combine{width: 300px;}
#attrs_checkbox #theform  .col{float:none;}
#attrs_checkbox #theform  .combine{display: inline;float: left;width: 250px;}
.col_submit{margin-left:165px;}
/* bar */
#banner_bar{
	background-position : 100% 100%;
	background-repeat:no-repeat;
	background-color:#fff;
	height:30px;

}
#banner_bar ul{
	margin:0;
	padding:0 0 0 15px;
}

#banner_bar li{padding:8px 0 0 0;}
#banner_bar li a{
	text-align:right;
}
#banner{
    position : relative;z-index:1;
	top : 10px;
	left :10px;}
#banner .flash_text{display:block;clear:both;}
#banner a:link{z-index:1;} 

/* bar 置右的寫法 
#banner_bars {
width:300px;
float:right;
border:1px solid green;
}
#banner_bars li {float:right;width:300px;text-align:right;}
#banner_bars li a{float:right;width:300px;text-align:right;}
*/

#form_setup .col_r{display:block;clear:both;}
#form_setup p{clear:both;}
#form_setup .col_submit{margin:0;}

/* page_news */
#goto_news{margin-top: 10px;}

/* page_webometrics */
#page_webometrics #webometrics_tags{}

#page_webometrics #webometrics_tags li{
	float: left;
	margin-right: 30px;
}
#page_webometrics #webometrics_tags li span{
	margin: 0 5px;
}
#page_webometrics .jumpselect, #page_webometrics #webometrics_tags{
	float: left;
	margin-top: 20px;
}
/* page_school_map */
#page_school_map #container, #page_school_map #footer{border: none;}
#page_school_map #combine_menu_link{display: none;}