#page_news #menu1 a{
	background:#eee;
}
#page_news #menu1 a:hover{
	background:url(cssimg/linklist_li.jpg) #f2f2f2 10%  center no-repeat;
	text-decoration:none;
}
#page_static_intro #menu2 a{
	background:#eee;
}
#page_static_intro #menu2 a:hover{
	background:url(cssimg/linklist_li.jpg) #f2f2f2 10%  center no-repeat;
	text-decoration:none;
}
#page_riki  #menu3 a{
	background:#eee;
}
#page_riki #menu3 a:hover{
	background:url(cssimg/linklist_li.jpg) #f2f2f2 10%  center no-repeat;
	text-decoration:none;
}
#page_speech  #menu4 a{
	background:#eee;
}
#page_speech #menu4 a:hover{
	background:url(cssimg/linklist_li.jpg) #f2f2f2 10%  center no-repeat;
	text-decoration:none;
}
#page_community  #menu5 a{
	background:#eee;
}
#page_community #menu5 a:hover{
	background:url(cssimg/linklist_li.jpg) #f2f2f2 10%  center no-repeat;
	text-decoration:none;
}
#page_static_opinion  #menu6 a{
	background:#eee;
}
#page_static_opinion #menu6 a:hover{
	background:url(cssimg/linklist_li.jpg) #f2f2f2 10%  center no-repeat;
	text-decoration:none;
}

#page_bio #menu_service li a{
	background:#eee;
}
#page_bio #menu_service li a:hover{
	background:url(cssimg/linklist_li.jpg) #f2f2f2 10%  center no-repeat;
	text-decoration:none;
}
#page_bio #menu_service li.odd a{
	background:#fff;
}
#page_bio #menu_service li.odd a:hover{
	background:url(cssimg/linklist_li.jpg) #f2f2f2 10%  center no-repeat;
	text-decoration:none;
}

/* 版面設定 */
html{SCROLLBAR-FACE-COLOR: #6c0000;
 SCROLLBAR-HIGHLIGHT-COLOR: #d8d8b4;
 SCROLLBAR-SHADOW-COLOR: #480000;
 SCROLLBAR-3DLIGHT-COLOR: #900024;
 SCROLLBAR-ARROW-COLOR: #fcfcfc;
 SCROLLBAR-TRACK-COLOR: #d8b490;
 SCROLLBAR-DARKSHADOW-COLOR: #6c0000;
 SCROLLBAR-BASE-COLOR: #6c0000}
 

 
body {
	margin:0;    
	padding-top: 5px;
	background : url(http://ocw.nctu.edu.tw/css/css_default/cssimg/bg.png) #eee; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	
font-size:80%;
}

#container {  	
    position : relative;
    width : 888px;
	background : url(cssimg/container_bg.jpg) #fff top left repeat-y; 
	margin : auto;
	border : 1px solid #bbb;       
}

#pageheader {

	background:url(cssimg/pageheader_bg.jpg) left top no-repeat;
	height:249px;
}
#pageheader img {
	border: 0px solid #fff;
	margin-top:75px;
}
#pageheader h1	{display: none;}	
	
#main {	
	margin: 0 10px 0 183px;
    padding : 10px;
	min-height : 600px;
}
#flash_general{position:absolute;right:0;top:75px;padding:0;}
.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 {
	margin-left : 38px; margin-top : -10px; margin-bottom : -10px;
}
/* 動態頁面下的注解 */

.note {	
	font-size : 0.8em;
	text-align : right;
	padding : 5px;
}
/* 內文 */
#content {
	line-height: 1.5em;	
} 
				
/* 一般設定  */
a:link,a:visited { 
	color: #000;
	text-decoration : none;
}
a:hover , a:active  {
	color: #920000;
	text-decoration : underline;

}

p { }

h2 { 
	clear : both;
    font-weight:bold;
	border-bottom : 1px dotted #000;
	padding : 0.1em 0 0.1em 1em;
    font-size : 1.4em;
    width : 95%;
	color:#920000;
}

h2 a:link , h2 a:visited { }
h2 a:hover , h2 a:active { }

h3 {
	clear : both;
	background : url(cssimg/h3.gif) no-repeat 0 50%; 	
	border-bottom : 1px solid #ccc;
	padding : 0.1em 0 0.1em 1.2em;
    font-size : 1.2em;
    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;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #000;
}
 /* 第二層選項 */
#submenu {
	
}
#submenu ul	{ clear : both; }
#submenu li	{ display : inline;  margin-right : 10px; }

#submenu li  span { white-space: nowrap; } 
#submenu  li a{
color:#000;padding:2px 20px;
}

#submenu li a:hover {
background:url(cssimg/submenu_li.jpg) #F5F5F5 10%  center no-repeat;
 border-bottom:1px dotted #920000;
 color:#920000;
  text-decoration:none;
}

/*資訊列選單*/

#submenu2 {
	text-align:right;
	background:#FAFAFA;
	padding:4px 10px;
}
#ul_submenu2_0{padding:0;margin:0;}
#submenu2 ul	{ clear : both; }
#submenu2 li	{ display : inline;  margin-right : 20px; }

#submenu2 li  span { white-space: nowrap; } 
#submenu2  li a{
color:#000;padding:2px 20px;
}

#submenu2 li a:hover {
background:#920000;

 color:#fff;
  text-decoration:none;
}

/* 主選單 */
#linklist{ 
	position :absolute;
	top : 250px;
	left : 0px;
	background : #fff;
	width : 170px;
	margin :0;
	padding :0; 
	font-size:1.2em;
	

}

#linklist h3 { font-size : 14px; }
				
#linklist ul { 
    list-style: none;
	margin: 0;
	padding : 0;
}		
		
#linklist li	{ margin: 0; padding : 0; }

#linklist li a{
	display: block;
	padding : 8px ;
	padding-left : 33px;
	border-bottom:1px solid #eee;
	color:#000;
}

#linklist li a:hover {
background:url(cssimg/linklist_li.jpg) #f2f2f2 10%  center no-repeat;
 text-decoration:none;
}

#linklist form	{ font-size: 12px; }
#menu_service h3{display:none;}
/* 動態子選單 : 主選單的次選單 */

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


}

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

}

#linklist li ul {
	position: absolute;
	left : 171px; /* Set 1px less than menu width */
	top: 0;
width:150px;
	display: none;

background:#F2EEEB;
}

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

}
.odd #ul_submenu1_0  li  {
	border-bottom:1px solid #CFB898;
	
}
/* Holly Hack. IE Requirement \*/
* html #linklist ul li { float: right; height: 1%; }
* html #linklist ul li a { height: 1%; }
/* End */

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

/* 表單  */
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;
  cursor: pointer; 
}

label	 { 
	cursor: pointer;
	background : #eee; 
	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: 14px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	text-align : right;
	color : #ddd;
    width : 100%;
}
		
.PageList {
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	font-size: 14px;
	/* 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 {
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
		
/* 表格 */

/* styled 人物介紹/公告系統 等 使用 */
.ts_styled {	  
      margin: 10px 0 5px 0;
      border-top:1px solid #EEE8AA;
      border-left:1px solid #EEE8AA;
      font-size: 1em;
	  border-collapse: collapse;
 }
.ts_styled th, .ts_styled td {
      border-right:1px solid #C2BA6C;
      border-bottom:1px solid #C2BA6C;
      padding:6px 10px;
      color:#111;
      vertical-align:top;
      }
.ts_styled th {
      background:#fffad1;
      color:#920000;
}
	  
.ts_styled .even {
	background : #FFFFE0;
}	  

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

/* styled 人物介紹/公告系統 等 使用 */
.ts_vstyled {	  
      margin: 10px 0 5px 0;
      font-size: 1em;
	  border-collapse: collapse;
 }
.ts_vstyled th, .ts_vstyled td {
      border-bottom:1px solid #EEE8AA;     
      padding:6px 10px;
      text-align:left;
      color:#111;
      vertical-align:top;
}
.ts_vstyled th {
      background:#FFFFE0 ;
      color:#920000;
	  width : 110px;
	  text-align : right;
	
}
	  
.ts_vstyled .even th {
	 background:#fffad1 ;	 
}	  

.ts_vstyled caption { 
	text-align : left;
	font-weight : bold;
	font-size : large;
	padding : 0.1em 0.1em 0.1em 1em;
	background : url(cssimg/caption.gif) no-repeat 0 50%;
	border-bottom : 1px solid #EEE8AA;
}

/* rows only   : 管理介面 使用 */
.ts_rowsonly  {
      margin: 10px 0 5px 0;
      font-size: 1em;
	  border-collapse: collapse;
}
.ts_rowsonly  th,.ts_rowsonly  td {
      border-bottom:1px solid #ccc;
      padding:6px 10px;
      text-align:left;
      color:#111;
      vertical-align:top;
      }
 .ts_rowsonly  th {
      color:#111;
 }
.ts_rowsonly  thead th {
      background:#ddd;
      padding:2px 15px;
      border-bottom-width:0;
}	  
	  
.ts_rowsonly  .even {
	background : #eee;
}
.ts_rowsonly  caption { 
	text-align : left;
	font-weight : bold;
	font-size : large;
	padding : 0.1em 0.1em 0.1em 1em;
	background : url(cssimg/caption.gif) no-repeat 0 50%;
}
  
.nowrap		{white-space: nowrap;} /*不換行*/

.center { text-align : center; }
.left { text-align : left; }
.right { text-align : right; }
.red { color : #920000;}
/*-------  工具捷徑 ------*/
#corner{ 
	position: absolute;
	top: 10px;
	right: 10px; /* <---------------  setting */
	width: 610px;
    text-align : right;
	padding : 0;
	margin : 0;
}
#corner span{padding:3px;}
#corner a:link, #corner a:visited {color:#333;}
#corner  a:hover , #corner  a:active	{background:#980000;text-decoration:underline;color:#fff;}

/*--------- 底 ---------- */
#footer{ 
	clear : both;
	font-size:12px;
	position : relative;
	min-height : 75px;
	background:#F9FAFA;
	border-top:2px solid #DEDFDF;
}							
#footer a:link, #footer a:visited {}
#footer a:hover	, #footer a:active  {}

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

#footer_address {
	position : absolute;
	width : auto;
	left : 230px;
	top : 0;
	padding : 20px;
}

#footer_ruling {
	position : absolute;
	right : 20px;
	top : 20px;	
}
/*--------- 導盲磚設定---------- */
#accesskey_content{
display:none;}
#accesskey_top {
display:none;}
#accesskey_menu {
display:none;}
#accesskey_login {
display:none;}
#accesskey_submenu {
display:none;}
#accesskey_content{
display:none;}
#accesskey_extralist {
display:none;}

/*news文章*/
.article{border:px solid red;color:#920000;background:#FFFFE0 ;}/*--------- 上區塊---------- */
.article ul{margin:3px;padding:3px;}
.article li{display:inline;margin-right:30px;}

.article2{border:0px solid red;color:#666;}/*--------- 下區塊---------- */
.article2 ul{list-style : none;}
.article2 li{list-style  :  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;}
/*計數器*/
#counter{position:absolute;top:57px;}

#webeq_preview {margin:10px;padding:10px;border:1px solid #696969;background:#fff;min-height:350px;}