/* RulingSite-S 2.4_CSS 20110622 */
/* 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;
}

ol, ul, li {
	list-style: none none outside; /* 重新設定IE6,7預設為inside的值 */
}

img {
	border: 0;
}

/* 拿掉Chrome預設的橘色外框 */
input:focus{
	outline: 0;
} 

/* 版面設定 */
body {
    font-family: 'Verdana', Lucida Grande, Arial, Sans-Serif;
    font-size: 80%;
    background: #332211 url(cssimg/body_bg.gif) left top repeat-x;
}

#container {
    position: relative;
    width: 954px;
    margin: 0 auto -18px;
	overflow: hidden;
}

#pageheader {
    height: 300px;
    background: url(cssimg/pageheader_bg.jpg) top left no-repeat;
}

#pageheader img {
    left: 12px;
    position: absolute;
    top: 37px;
}

#pageheader h1 {
    display: none;
}

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

/* 上方背景 */
#main2 {
    background: url(cssimg/main_top_bg.jpg) left top no-repeat;
}

/* 底部背景 */
#main {
    padding: 20px 20px 20px 265px;
    min-height: 450px;
    height: auto !important;
    height: 450px;
}

#main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.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 {}

/* /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 p {
    line-height: 2em;
    letter-spacing: 0.1em;
}

#pages_area a:link {
    text-decoration: underline;
}

/* 一般設定  */
a:link, a:visited {
    color: #ab6b07;
    text-decoration: none;
}

a:hover, a:active {
    color: #bf852b;
}

p {
    margin: 15px;
}

h2 {
    clear: both;
	margin-bottom: 10px;
    font-size: 13px;
    color: #5c5c5c;
}

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 0 0 20px;
    font-size: 13px;
	margin-bottom: 10px;
	font-weight: 100;
	color: #5c5c5c;
}

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

code, .code {
    background: #eee;
    border: 1px solid #ccc;
    padding: 1em;
    display: block;
}

.indent {
    text-indent: 2em;
}

.hide {
    display: none;
}

#content ul {
    margin-left: 30px;
}

#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;
    margin: 0 0 2px 0;
}

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

#content dd {
    line-height: 1.7em;
    letter-spacing: 0.1em;
}

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

/* 第二層選項 */
#submenu {	
	margin-bottom: 15px;
}

#submenu_b{
	min-height:35px;
	height:auto !important;
	height:35px;
}

#submenu_b:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}	
#submenu ul{
	margin: 0;
}

#submenu li{
	display: inline;
	line-height:1.9em;
	margin-right: 10px;
	float:left;
	margin-bottom:5px;
}

#submenu li a:link, #submenu li a:visited{
	margin: 8px 0 0 0;
	font-size: 12px;
	display: block;
	float: left;
	line-height: 23px;
	height: 31px;
	padding-left: 2px;
	background: url(cssimg/submenu_li_a_left.gif) top left no-repeat;
}
#submenu li a span{
	color: #e9dec5;
	background: url(cssimg/submenu_li_a_right.gif) top right no-repeat;
	display: block;
	padding: 5px 10px 4px 10px;
	_padding-bottom: 10px; /* IE6 */
} 
#submenu li a:hover span{
	color: #fff;
}

#submenu li  span a{white-space: nowrap;}

/*資訊列選單*/

#submenu2{
	width:98%; 
	padding:0;
	margin-bottom: 10px;
}
#submenu2:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}	

#submenu2 ul	{
	margin:0 0 0 10px;
	padding:0;
}
#submenu2 li{
	display : inline;
	line-height:1.9em;
	margin-right : 10px;
	float:left;
	margin-bottom:5px;
	padding:3px 8px 0px 8px;
}
#submenu2 li a{
	color: #000;
	padding-left: 15px;
	border:0;
	text-decoration : none;
	background: url(cssimg/news_li.gif) left center no-repeat;
	white-space: nowrap;
}
#submenu2 li a:hover{
	color: #7e7a58;
}

/* 主選單 */
#linklist{ 
	position :absolute;
	top : 260px;
	left : 25px;
	width : 905px;
	z-index:9;
	font-size: 12px;
	background: url(cssimg/menu1.gif) right top no-repeat;
}

#linklist h3 {display:none;}
#linklist li{
	float: left;
	padding: 0 11px;
}

#linklist li a:link, #linklist li a:visited{
	display: block;
	color: #fff;
	font-size: 13px;
}
#linklist li a:hover, #linklist li a:active{
	color: #fda005;
}

#linklist form {
    font-size: 12px;
}

/* Menu1 */
#linklist #menu1 ul li{
	background: url(cssimg/menu_li.gif) left top no-repeat;
	line-height: 33px;
}

/* Menu2 */
#linklist #menu2{
	position: absolute;
	top: 60px;
	left: -4px;
	width: 209px;
}
#linklist #menu2 h3{
	display: block;
	background: url(cssimg/menu2_h3.jpg) left top no-repeat;
	width: 209px;
	height: 38px;
	text-indent: -9999px;
}
#linklist #menu2 ul{
	margin-top: -10px;
}
#linklist #menu2 li{
	float: none;
	background: url(cssimg/menu2_li.gif) left bottom no-repeat;
}
#linklist #menu2 li a{
	float: none;
	line-height: 33px;
	background: url(cssimg/menu2_li_a.gif) left 14px no-repeat;
	padding-left: 15px;
	font-size: 12px;
}

/* 登入 */
#login_id, #login_pw {
    width: 80px;
}
#menu_login {
	display: none;
}

/* 登入後選單 */
#linklist #menu_service{
    left: 10px;
    position: absolute;
    top: -248px;
}
#linklist #menu_service li{
	padding: 0 5px;
}
#linklist #menu_service a{
	color: #d8caa8;
	font-size: 12px;
}
#linklist #menu_service a:hover{
	color: #fff;
}

/* Google搜尋  */
#menu_search {
	background: url(cssimg/search.gif) left top no-repeat;
    height: 26px;
    position: absolute;
    right: -12px;
    top: -255px;
    width: 187px;
}

#menu_search #sitesearch, #menu_search #sitesearch1,
#menu_search #sitesearch2, #menu_search label {
	display: none;
}

#menu_search #q {
	background: none;
	border: none;
	padding-left: 3px;
	color: #956738;
	font-family: inherit;
}

#menu_search #sa {
	width: 25px;
	height: 25px;
	background: none;
	border: none;
	cursor: pointer;
	color: #472c11;
	text-indent: -9999px;
}

/* 表單  */
fieldset {
    padding: 10px;
    border: 1px solid #c2b28d;
}

legend {
    color: black;
}

form fieldset legend {
    margin: 0 15px;
    padding: 5px;
    font-size: 1em;
}

input {
	font-family: inherit;
}

textarea {
    clear: both;
    overflow: auto;
}

label {
    cursor: pointer;
    background: none;
    padding: 5px;
    margin: 0px;
}

/* 必要欄位 */
.required { 
    font-weight: bold;
}

/* 給核選方塊的lable用 */
.checkbox { 
    background: transparent;
    padding: 0;
    border: 0;
    margin: 0;
    margin-right: 6px;
}

/* 給核選方塊的lable用(不開放功能的label)  */
.disabled { 
    color: #444;
    background: transparent;
    padding: 0;
    border: 0;
    margin: 0;
    margin-right: 6px;
}

/* 分頁選單 */
.PageDetails {
    padding-top: 3px;
    padding-bottom: 3px;
    overflow: hidden;
    text-align: right;
    color: #575757;
    width: 100%;
	margin-top: 10px;
	font-size: 12px;
}

.PageList {
    margin: 0px;
    padding: 3px;
    overflow: hidden;
    color: #575757;
    list-style: none;
    display: inline;
    background: none;
}

.PageList li {
    display: inline;
}

.PageList a, .PageList a:link, .PageList a:visited {
    color: #565654;
    margin: 0 1px;
    border: 1px solid #565654;
	padding: 1px 1px 1px 4px;
    background: #af9f77;
}

.PageList a:hover, .PageList a:active {
	background: #ab6b07;
	border: 1px solid #815612;
	color: #fff;
}

/* 表格 */
/* ts_styled 人物介紹/公告系統, 招生等使用 */
.ts_styled {
    margin: 10px 0 5px 0;
    font-size: 1em;
    border-collapse: collapse;
    color: #333;
}

.ts_styled td a:link, .ts_styled td a:visited {
	color: #4b4b4b;
}

.ts_styled td a:hover, .ts_styled td a:active {
	color: #ab6b07;
}

.ts_styled th {
    padding: 6px 10px;
    vertical-align: top;
    color: #fff;
    text-align: left;
    background: #484848;
	font-weight: 100;
	font-size: 12px;
}

.ts_styled td {
    padding: 6px 10px;
    vertical-align: top;
	font-size: 12px;
}

.ts_styled .even {
    background: #ded2b5;
}

.ts_styled caption {
    text-align: left;
    font-size: 13px;
	line-height: 25px;
    color: #5c5c5c;
}

.ts_styled input {
    border: 0px solid red;
    background: none;
}

/* ts_rowsonly 管理介面使用, 教師列表, 學術成果, 研討會等 */
.ts_vstyled {
    margin: 10px 0 5px 0;
    font-size: 1em;
    border-collapse: collapse;
    color: #333;
}

.ts_vstyled a:link, .ts_vstyled a:visited {
   
}
.ts_vstyled a:hover, .ts_vstyled a:active {
    
}

.bio_pic {
    position: absolute;
    right: 30px;
    top: 45px;
	border: 2px solid #c9b992;
}

.ts_vstyled th {
    padding: 6px 15px;
    vertical-align: top;
	border-bottom: 1px dashed #cbbb94;
    color: #5b5443;
    width: 110px;
    text-align: right;
}

.ts_vstyled td {
    padding: 8px 15px;
    text-align: left;
	border-bottom: 1px dashed #cbbb94;
    vertical-align: top;
    background: url(cssimg/th_bg.gif) top left no-repeat;
}

.ts_vstyled .even th {
}

.ts_vstyled caption {
    text-align: left;
    font-size: 13px;
	line-height: 25px;
    color: #5c5c5c;
}

/* ts_rowsonly 管理介面使用, 教師列表, 學術成果, 研討會等 */
.ts_rowsonly {
    margin: 10px 0 5px 0;
    font-size: 1em;
    border-collapse: collapse;
    color: #333;
}

.ts_rowsonly td a:link, .ts_rowsonly td a:visited {
	color: #4b4b4b;
}

.ts_rowsonly td a:hover, .ts_rowsonly td a:active {
	color: #ab6b07;
}

.ts_rowsonly th {
    padding: 6px 10px;
    vertical-align: top;
    color: #fff;
    text-align: left;
    background: #484848;
	font-weight: 100;
	font-size: 12px;
}

.ts_rowsonly td {
    padding: 6px 10px;
    vertical-align: top;
	font-size: 12px;
}

.ts_rowsonly .even {
    background: #ded2b5;
}

.ts_rowsonly caption {
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    padding: 0;
    color: #5c5c5c;
	width: 500px;
	cursor: pointer;
}

.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 {
    color: #CEB595;
    font-size: 12px;
    position: absolute;
    right: 205px;
    text-align: right;
    top: 11px;
    z-index: 5;
}

#corner a:link, #corner a:visited {
    font-size: 12px;
    color: #ceb595;
}

#corner a:hover, #corner a:active {
    color: #e3d7c8;
}

/*--------- 底 ---------- */
#footer {
    clear: both;
    position: relative;
    min-height: 76px;
    height: auto !important;
    height: 76px;
	color: #877a5c;
    font-size: 12px;
    line-height: 1.7;
	background: url(cssimg/footer_bg.jpg) left top no-repeat;
}

#footer a:link, #footer a:visited {
	color: #877a5c;
}

#footer a:hover, #footer a:active {
	color: #877a5c;
}

#footer_logo {
    display: none;
}

#footer p {
    margin: 0;
}

#footer_address {
    left: 280px;
    position: relative;
    top: 10px;
    width: 700px;
}

#footer_ruling {
    left: 250px;
    position: absolute;
    top: 15px;
}

#counter {
    position: absolute;
    top: 10px;
    left: 695px;
}

/*--------- 導盲磚 ---------- */
#accesskey_content {
    color: #fff;
    position: absolute;
	left: -285px;
}

#container #accesskey_top {
    color: #855f36;
}

#accesskey_menu {
    color: #fff;
    position: absolute;
	left: -50px;
}

#accesskey_login {
    color: #fff;
    position: absolute;
	left: -10px;
}

#accesskey_submenu {
    color: #fff;
    position: absolute;
	left: -25px;
}

#accesskey_extralist {
    display: none;
}

/* News文章 */
#page_news h1 {
    font-size: 1.2em;
}

.up_area {
    border-bottom: 1px solid #c6b895;
    text-align: left;
    color: #706856;
    margin: 5px 0;
    padding: 5px;
    font-size: 12px;
}

.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;
}

#page_news .att_files {
    padding: 10px;
    border: 1px solid #e6e6e6;
    clear: both;
}

.last_mod, .url {
    margin: 15px 0 0 15px;
    font-size: 12px;
	clear: both;
}

#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: #d8caa8 url(cssimg/login_form_bg.jpg) left top no-repeat;
    padding: 30px 60px 0px 10px;
    width: 270px;
    margin-top: 70px;
    float: left;
}

#page_login #loginstyle label {
    cursor: pointer;
    margin-left: 20px;
    letter-spacing: 0;
    vertical-align: middle;
}

#page_login #loginstyle #login_id, #page_login #loginstyle #login_pw {
    font-size: 12px;
    color: #000;
    width: 130px;
    border: 1px solid #ccc;
    height: 20px;
    padding-top: 5px;
    margin-bottom: 5px;
}

#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: none;
    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, #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: none;
}

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

#attrs_radio {
    background: #fff;
}


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

/* 學術搜尋 */
.class_input input {
    background: none;
    border: none;
}

.search_name2 li {
    float: left;
    display: inline;
    margin-right: 4px;
}

.search_name2 .col {
    padding-top: 5px;
}

/* Banner_bar */
#banner_bar{
	margin: 0 auto;
	position: relative;
	z-index: 9998;
	width: 911px;
}
#banner_bar_2{
	width: 911px;
	position: absolute;
	left: 0;
	top: 80px;
	z-index: 9998;
}
#banner_bar ul{
	padding:0 0 0 15px;
}
#banner_bar li{
	padding:3px 0 0 0;
	list-style: none;
}
#banner_bar a{
	color: #A9B7CF;
	z-index:9998;
	font-size: 12px;
	text-align: right;
	background: url(cssimg/banner_bar.gif) left center no-repeat;
	padding-left: 10px;
}
#banner_bar a:hover, #banner_bar a:active{
	color: #fff;
}
#banner .flash_text{display:none;}

/* AD1 */
#AD1{
    left: 35px;
    position: absolute;
    top: 550px;
	z-index: 9;
}
#AD1 ul{
	margin-bottom: 10px;
}
#AD1 img{
	border: 2px solid #47474a;
}