/* 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;}
ol, ul, li {list-style: none; list-style-position: outside; /* fix IE6,7's bug which generates extra space on list items */}
img {border: 0;}
input:focus{outline: 0;} /* Remove Chrome's orange outline */

/* 版面設定 */
body {
    font-family: 'Verdana', Lucida Grande, Arial, Sans-Serif;
    font-size: 80%;
    background: #ffb371;
}

#attrs_checkbox {
    background: #fff;
}

#attrs_radio {
    background: #fff;
}

#container {
    position: relative;
    width: 910px;
    margin: 0 auto;
}

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

#pageheader img {
    margin: 32px 0 0 226px;
}

#pageheader h1 {
    display: none;
}

/*底部背景*/
#main2 {
    background: url(cssimg/main_bottom_bg.gif) left bottom no-repeat;
}

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

/*上方背景*/
#main {
	background: url(cssimg/main_top_bg.gif) left top no-repeat;
    min-height: 700px;
    height: auto !important;
    height: 700px;
	padding: 5px 190px 20px 226px;
}

#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 {
    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: #f16609;
    text-decoration: none;
}

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

p {
    margin: 15px;
}

h2 {
    clear: both;
    background: url(cssimg/h2_bg.gif) 0 50% no-repeat;
    font-size: 15px;
	width: 90%;
    color: #fff;
	width: 491px;
	height: 29px;
	padding: 11px 0 0 10px;
}

h2 a:link, h2 a:visited {
    color: #fff
}

h2 a:hover, h2 a:active {
    color: #fff
}

h3 {
	margin: 0 0 10px 5px;
    clear: both;
	color: #e60012;
    font-size: 13px;
}

h4 {
	color: #4a4a4a;
    clear: both;
    font-size: 12px;
	font-weight: 100;
}

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;
	line-height: 25px;
	margin-bottom: 5px;
}

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

#content dd {
    color: #7f7f7f;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
	margin: 0;
}

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

/* 第二層選項 */
#submenu {
    padding: 4px 0 0 0;
	margin: 0 0 0 10px;
}

#submenu_b {
    min-height: 19px;
    height: auto !important;
    height: 19px;
    padding: 0 0 4px 0;
}
#submenu_b ul{margin: 0;}

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

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

#submenu li a:link, #submenu li a:visited {
    color: #324700;
    padding: 0px 8px 0px 10px;
    background: url(cssimg/submenu_li.gif) left 5px no-repeat;
    letter-spacing: 0.1em;
}

#submenu li a:hover, #submenu li a:active {
	color: #4f6913;
	text-decoration: underline;
}

#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-block;
    line-height: 1.9em;
    margin-right: 20px;
    float: left;
    margin-bottom: 5px;
}

#submenu2 li a:link, #submenu li a:visited {
}

#submenu2 li a:hover, #submenu li a:active {
}

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

/* 主選單 */
#linklist{
	position :absolute;
	top : 275px;
	left : 226px;
	width : 678px;
	z-index:9;
	font-size: 12px;
	background: rgba(0,86,31, 0.78); /* modern browsers, rgba stands for RGB and Alpha */
	background: #00561f \9; /* IE8 */
	*background: #00561f; /* IE6,7*/
}

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

#linklist li a:link, #linklist li a:visited{
	float: left;
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	line-height: 29px;
	padding: 0 18px;
}
#linklist li a:hover, #linklist li a:active{
	color: #245f22;
	background: #67bb67;
}

/* Mune2 */
#linklist #menu2{
    position: absolute;
    top: 40px;
	left: -220px;
	width: 215px;
}
#linklist #menu2 li{
	padding: 0;
	margin-bottom: 3px;
}
#linklist #menu2 a:link, #linklist #menu2 a:visited{
	color: #13421e;
	float: left;
	width: 180px;
	background: url(cssimg/menu2_li_bg.gif) left top no-repeat;
	width: 212px;
	height: 35px;
	text-align: center;
	padding: 1px 0 0 0;
}
#linklist #menu2 a:hover, #linklist #menu2 a:active{
	color: #fff;
	background: url(cssimg/menu2_li_bg.gif) left bottom no-repeat;
}

/* Menu_service */
#linklist #menu_service{
	left: -220px;
	position:absolute;
	top:-270px;
}
#linklist #menu_service a{
	background: url(cssimg/linklist_menu_service.jpg) left center no-repeat;
	font-size: 13px;
	font-weight: 100;
	width: auto;
	padding:  0 5px;
}
#linklist #menu_service a:hover, #linklist #menu_service a:active{
	text-decoration: underline !important;
	color: #fff;	
}
/* login */

#menu_login {
    left: -215px;
    position: absolute;
    top: 595px;
    background: url(cssimg/menu_login_bg.gif) bottom left no-repeat;
	color: #787878;
	width: 203px;
	height: 88px;
}
#menu_login p{margin: 0;}

#menu_login #loginA{
	margin: 15px 0 0 10px;
}
#menu_login #loginB{
    position: absolute;
    left: 46px;
    top: 59px;
}

#menu_login #login_id, #menu_login #login_pw{
	background: #fae6c8;
	border: 1px solid #c8c8c8;
	width: 133px;
}
#menu_login #login_id{
	margin-bottom: 3px;
}
#menu_login .button1, #menu_login .button2, #menu_login .button3{
	background: url(cssimg/menu_login_button.gif) left top no-repeat;
	width: 43px;
	height: 18px;
	border: none;
	font-size: 11px;
	color: #787878;
	cursor: pointer;
}
#menu_login .button3{
    position: absolute;
    left: 140px;
    top: 59px;
}

/* google search  */
#menu_search {
    left: -215px;
    position: absolute;
    top: 555px;
	background: url(cssimg/search_bg.jpg) left top no-repeat;
}

#menu_search form {
	margin-left: 65px;
}

#menu_search #sitesearch, #menu_search #sitesearch1,
#menu_search #sitesearch2 ,#menu_search label {
	color: #316f94;
	font-size: 11px;
}

#menu_search #q {
	border: 1px solid #B9B9B9;
    width: 115px;
}
#menu_search #sa {
	background: url(cssimg/buttom.jpg) left top no-repeat;
	width: 19px;
	height: 19px;
	border: none;
	cursor: pointer;
}

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

legend {
    color: black;;
}

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

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: #585858;
    width: 100%;
}

.PageList {
    margin: 0px;
    padding: 3px;
    font-weight: bold;
    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 {
    color: #000;
    margin: 0 1px;
    border: 1px solid #a84200;
    background: #fff;
	padding: 1px 1px 1px 3px;
}

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

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

.ts_styled td a:link, .ts_styled td a:visited {
    text-decoration: none;
}

.ts_styled td a:hover, .ts_styled td a:active {
}

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

.ts_styled td {
    border-bottom: 1px solid #e7eab9;
    padding: 6px 10px;
    color: #333333;
    vertical-align: top;
}

.ts_styled .even {
    background: #f5f6e2;
}

.ts_styled caption {
    text-align: left;
    font-weight: bold;
    font-size: 13px;
	color: #e60012;
}

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

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

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

.bio_pic {
    position: absolute;
    right: 200px;
    top: 25px;
	border: 1px solid #d5d5d5;
    padding: 5px;
    background: #fff;
}

.ts_vstyled th {
    padding: 6px 15px;
    vertical-align: top;
	border-bottom: 1px dashed #d5d5d5; 
    color: #656565;
    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;
	border-bottom: 1px dashed #d5d5d5; 
}

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

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

.ts_rowsonly td a:link, .ts_rowsonly td a:visited {
}

.ts_rowsonly td a:hover, .ts_rowsonly td a:active {
}

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

.ts_rowsonly td {
    border-bottom: 1px solid #e7eab9;
    padding: 6px 10px;
    color: #333333;
    vertical-align: top;
}

.ts_rowsonly .even {
    background: #f5f6e2;
}

.ts_rowsonly caption {
    text-align: left;
    font-weight: bold;
    font-size: 13px;
	color: #e60012;
	width: 400px;
	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 {
    position: absolute;
    top: 13px;
    right: 15px;
    text-align: right;
    color: #a5c0a2;
    Z-index: 5;
    font-size: 12px;
}
#corner a:link, #corner a:visited {
    Z-index: 5;
    color: #a5c0a2;
}

#corner a:hover, #corner a:active {
}

/*--------- 底 ---------- */
#footer {
    clear: both;
    position: relative;
    min-height: 60px;
    height: auto !important;
    height: 60px;
}

#footer a:link, #footer a:visited {
	color: #ffb371;
}

#footer a:hover, #footer a:active {
}

#footer_logo {
    display: none;
}

#footer p {
    margin: 0;
}

#footer_address {
	text-align: right;
    position: relative;
    right: 50px;
    top: 10px;
	color: #fff;
    font-size: 11px;
    line-height: 1.7em;
}

#footer_ruling {
    position: absolute;
    right: 10px;
    top: 20px;
}

#counter {
    position: absolute;
    width: 150px;
    top: 10px;
    left: 20px;
	font-size: 12px;
	color: #fff;
}

/*--------- 導盲磚設定---------- */
#accesskey_content {
    color: #fff;
}

#accesskey_top {
    color: #fff;
}

#accesskey_menu {
    color: #255f30;
    position: absolute;
}

#accesskey_login {
    color: #fff;
    position: absolute;
}

#accesskey_submenu {
    color: #a04105;
	position: absolute;
	left: -20px;
}

#accesskey_extralist {
    display: none;
}

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

.up_area {
    border-bottom: 1px solid #eee;
    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;
}

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

.last_mod, .url {
    margin: 15px 0 0 15px;
    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;
    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;
}

/* 文章搜尋 */
#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 .flash_text{display: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;
}

/* Extralist10 */
#extralist10{
    position: absolute;
    right: 10px;
    top: 320px;
    width: 170px;
}
#extralist img{
	border: 1px solid #c5cbcf;
	padding: 1px;
	margin-right: 9px;
	margin-bottom: 14px;
}
#extralist .note img{display: none;}
 