/* 版面設定 */
@import url("floatmenu.css");


body {
 
	margin:0;    
	padding-top:0px;
	font-family: 'Verdana', 新細明體;	
    font-size:80%;
	background:#fff;
	
}
/**{MARGIN:0;PADDING:0;}*/
#container {  	
    position : relative;
    width : 966px;
	margin : auto;
     background: url(cssimg/container_bg.jpg)  left top repeat-y;

}
#container2{}
#pageheader {
width:966px;
height:320px;
background: url(cssimg/pageheader_bg.jpg) top left no-repeat;
}
#pageheader2{}
#pageheader img {
	/*margin:27px 0 0 30px;*/
}
#pageheader h1	{display: none;}	
	
	
	
/*中間背景*/
#main1{
	 
	position:relative;
	margin:0;
		background : url(cssimg/main2_bg.jpg)  bottom left no-repeat;
		padding-bottom:40px;
}
#main1:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*底部背景*/
#main2 {	

	min-height : 700px;
	height:auto !important;
    height:700px;	
	margin:0;
	background : url(cssimg/main1_bg.jpg)  top left no-repeat; 
}

#page_url_m  #main2{
	min-height : 1300px;
	height:auto !important;
    height:1300px;
}


/*上方背景*/
#main {	
	padding:0px 0 30px 0;
	margin:0 245px 0 0px
   
}

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

.note {	
	font-size : 0.8em;
	text-align : right;
	padding : 5px;
}
/* 內文 */
#content {

} 
#content p{line-height:2em;letter-spacing:0.1em;}			
/* 一般設定  */
a:link,a:visited { 
	color: #0A50A1;
	text-decoration : none;
}
a:hover , a:active  {
	color: #FF7F00;
	text-decoration : none;
}

p { }
h1{
font-size:2.1em;
line-height:1.3em;
width:570px;
margin:0 0 40px 0;
color:#01599d;

}

h2 { 
	clear : both;
	padding : 0.1em 0 0.4em 0em;
    font-size : 1.6em;
    width : 95%;
	color:#323232;
	margin:0;
	background:none;

}

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

h3 {
	clear : both;
	background : url(cssimg/h3_bg.gif) top left no-repeat; 
	padding : 0.1em 0 0.4em 1.65em;
    font-size : 1.25em;
    width : 87%;
	margin-left:0px;
	color:#ff9900;
}

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


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 {
	position:absolute;
	top:180px;
	right:35px;
	width:161px; 
	padding:0 0 320px 0;
    background:url(images/banner01.jpg) bottom left no-repeat;
}

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

#submenu ul	{margin:0;padding:0;width:161px;}
#submenu ul li {list-style:none;list-style-image:none;}
#submenu li	{ 
margin-right : 0px;
margin-bottom:5px;
padding-bottom:3px;
background:url(cssimg/submenu_li.jpg) bottom left repeat-x;
}

#submenu li a{	
color: #2ca4fe;
padding:0;
letter-spacing:0.1em;
line-height:1.7em;
}
#submenu li a:hover , #submenu li  a:active  {
	color: #d8490a;
	padding:0 0 0 17px;
	line-height:1.7em;
	background:url(cssimg/submenu_lia.gif) top left no-repeat;
}

#menu #submenu {background:none;}

#menu {
position:absolute;
top:-130px;
left:50px;
width:630px; 
padding:0;

}
html>body #menu {
top:-130px;
left:-440px;
}
#menu:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}	
#menu ul li {list-style:none;list-style-image:none;background:none;}
#menu ul	{margin:0 0 0 20px;padding:0;width:630px;}
#menu  li	{ display:inline; line-height:1.9em; margin-right : 20px;float:left;margin-bottom:5px;}
#menu li a{	color: #000;padding:3px 8px 0px 8px;border:0;text-decoration : none;margin:4px;
background:url(cssimg/submenu_li.gif)  center left no-repeat;}
#menu li a:hover , #menu li  a:active  {
	color: #FF6000;
	background:none;background:url(cssimg/submenu_li.gif) center left no-repeat;
	border-bottom:3px solid #ff6000;
}
#menu li  span { } 

#submenu0 {
	position:absolute;
	top:180px;
	right:35px;
	width:161px; 
	padding:0;

}

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

#submenu0 ul	{margin:0;padding:0;width:161px;}
#submenu0 ul li {list-style:none;list-style-image:none;}
#submenu0 li	{ 
margin-right : 0px;
margin-bottom:5px;
padding-bottom:3px;
background:url(cssimg/submenu_li.jpg) bottom left repeat-x;
}

#submenu0 li a{	
color: #2ca4fe;
padding:0;
letter-spacing:0.1em;
line-height:1.7em;
}
#submenu0 li a:hover , #submenu0 li  a:active  {
	color: #d8490a;
	padding:0 0 0 17px;
	line-height:1.7em;
	background:url(cssimg/submenu_lia.gif) top left no-repeat;
}

#menu #submenu {display:none;}



#menu_login{
position:absolute;
top:350px;
right:30px;
padding:33px 0 0 0;
margin:0;
background:url(cssimg/menu_login.jpg) top left no-repeat;

}
#menu_login p {padding:0;margin:0;}
#login_id,#login_pw{
width:153px;
padding:0 0 0 9px;
margin:0 0 5px 0;
border-top:1px solid #98a6b4;
border-left:1px solid #98a6b4;
border-right:1px solid #ebe7e3;
border-bottom:1px solid #ebe7e3;
background:#fff;
color:#cbd2d9;
font-size:1em;
font-family: 'Verdana';	
height:16px;
}
#login_id {
color:#adadad;
	font-family: 'Verdana', 新細明體;
}
#login_pw {
color:#282828;
background:url(cssimg/login_pw.jpg) #fff top left no-repeat;
}

#menu_login .button {
width:91px;
height:21px;
margin-bottom:0px;
border:0px solid red;
background:url(cssimg/login_button.gif) top left no-repeat;
}
#menu_login .forget{
width:94px;
height:11px;
border:0px solid red;
background:url(cssimg/forget.jpg) top left no-repeat;
}
/*會員專區 */
#menu0{
position:absolute;
width:217px;
top:360px;
right:-30px;
padding:42px 0 0 0;
margin:0;
background:url(cssimg/menu_service.jpg) top left no-repeat;

}
html>body #menu0 {
width:213px;
}
*+html>body #menu0 {
width:217px;
}
#menu0 ul {
padding:0;
margin:0 0 0 10px;
background:none;
width:217px;
}
#menu0 li {
float:left;
display:inline;
background:url(cssimg/menu_service02.jpg) top left no-repeat;
height:31px;
padding:0 10px 0 34px;
margin-right:7px;
}
#menu0 .odd{
background:url(cssimg/menu_service01.jpg) top left no-repeat;
}
#menu0 li a {
line-height:4em;
color:#1679ff;
}
#menu0 li a:link,#menu0 li a:visited{
color:#212121;

}
#menu0 li a:hover,#menu0 li a:active{
color:#d80202 !important;
text-decoration:underline;
}


/*搜尋*/
#menu_search {
position:absolute;
top:140px;
right:41px;
border-top:1px solid #bebfc0;
border-left:1px solid #bebfc0;
border-right:1px solid #ececec;
border-bottom:1px solid #ececec;
background:#fff;
height:19px;

}
*+html>body #menu_search {height:19px;}
#menu_search #sitesearch1,#menu_search #sitesearch2 {display:none;}
#menu_search label {display:none;}
#menu_search #q {
width:240px;
background:#fff;
	font-family: 'Verdana', 新細明體;	
height:17px;
color:#adadad;
padding-top:1px;
font-size:0.9em;
height:14px;
margin:0;
padding-left:10px;
border:0px solid red;
}

#menu_search #sa {
background:url(cssimg/search_bg.jpg) #fff top left no-repeat;
border:0px solid red;
padding:0px 0;
margin-left:-10px;
width:44px;
min-height:10px;
height:auto !important;
height:19px;
color:#fff;
border:0px solid red;
}



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

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%;
}
		
.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;
	padding:1px;
	margin:0 1px;
	background:#0e4b8c;

}
		
/* 表格 */

/* 表格 */

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

      border-bottom:1px solid #d3d5af;
      padding:6px 10px;
      color:#595a4c;
      text-align:left;
	  background:url(cssimg/ts_style.jpg) #fff bottom left repeat-x;
      }
.ts_styled td {

      border-bottom:1px solid #e7eab9;
      padding:6px 10px;
      color:#3f3f3c;
      vertical-align:top;
      }
.ts_styled td a:link,.ts_styled td a:visited {color:#3f3f3c;}
.ts_styled td a:hover,.ts_styled td a:active {color:#d8490a;text-decoration:underline;}

.ts_styled .even {
	background : #f5f6e2;
}	  

.ts_styled 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%;
	color:#565748;
}

/* styled 人物介紹/公告系統 等 使用 */
.ts_vstyled {	  
      margin: 10px 0 5px 0;
      font-size: 1em;
	  border-collapse: collapse;
 }
.bio_pic{	
position:absolute;
right:240px;
top:45px;
padding:0px 20px 50px 50px;
background:#fff;
}
.ts_vstyled th {
      border-bottom:1px solid #fff;     
      padding:6px 10px;
      text-align:left;
      color:#0a50a1;
      vertical-align:top;

	  width : 150px;
	  text-align : right;
}
.ts_vstyled td {
      border-bottom:1px solid #fff;     
      padding:6px 10px;
      text-align:left;
      color:#111;
      vertical-align:top;
	  background:url(cssimg/box_li.gif) bottom left repeat-x;
}
.ts_vstyled td a:link,.ts_vstyled td a:visited{color:#2bc62a;}
	  
.ts_vstyled .even th {
	 
}	  

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

/* rows only   : 管理介面 使用 */
.ts_rowsonly  {
      margin: 10px 0 5px 0;
      font-size: 1em;
	  border-collapse: collapse;
}
.ts_rowsonly  th {
      border-top:1px solid #d3d5af;
      padding:6px 10px;
      text-align:left;
      color:#111;
      vertical-align:top;
      }
	  .ts_rowsonly  td {
      border-bottom:1px solid #e7eab9;
      border-top:1px solid #e7eab9;
      padding:6px 6px;
      text-align:left;
      color:#3f3f3c;
      vertical-align:top;
      }
	.ts_rowsonly td a:link,.ts_rowsonly td a:visited {color:#3f3f3c;}
	.ts_rowsonly td a:hover,.ts_rowsonly td a:active {color:#d8490a;text-decoration:underline;}
 .ts_rowsonly  th {
      color:#111;
 }

.ts_rowsonly  thead th {
      background:url(cssimg/ts_style.jpg) #fff bottom left repeat-x;
      padding:6px ;
      border-bottom-width:0;
}	  
	  
.ts_rowsonly  .even {
	background : #f5f6e2;
}
.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;width:15%;} /*不換行*/

.center { text-align : center; }
.left { text-align : left; }
.right { text-align : right; }

/*-------  工具捷徑 ------*/
#corner{ 
	position: absolute;
	top: 308px;
	right: 16px; /* <---------------  setting */
	width: 410px;
    text-align : right;
	padding : 0;
	margin : 0;
	font-size:10px;
	letter-spacing:0.1em;
	font-family: 'Verdana', 新細明體;	
	color:#817e7e;
	z-index:888;
}

#corner a:link, #corner a:visited {color:#817e7e;}
#corner  a:hover , #corner  a:active	{color:#000;text-decoration:underline;}

/*--------- 底 ---------- */
#footer{ 
	clear : both;
	margin-right : 0px;
	position : relative;
	min-height : 135px;
	height:auto !important;
	height:135px;
	background:url(cssimg/footer_bg.jpg) #fff top left repeat-y;
	margin:0 0 -20px 0;

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

#footer_menu{
padding:4px 0;
position:absolute;
width:500px;
left:110px;
top:20px;
color:#50a0e4;
text-align:center;
letter-spacing:0.1em;
}
#footer_menu a:link,#footer_menu a:visited {color:#50a0e4;}
#footer_menu a:hover,#footer_menu a:active {text-decoration:underline;}

#footer_logo {
	position : absolute;
	right : 475px;
	top : 120px;
	padding :0px;
}
html>body #footer_logo {top:105px;}
*+html>body #footer_logo {top:120px;}

#footer_address {
	position : absolute;
	width : 500px;
	left : 110px;
	top : 83px;
	padding : 0px 0 35px 0;
	color:#a7a7a7;
	text-align:center;
	background:url(cssimg/footer_addresslogo.jpg) bottom center no-repeat;
}

#footer_ruling {
	position : absolute;
	left : 255px;
	top : 120px;	
}
#counter {
position:absolute;
	width : 500px;
	left : 110px;
	top : 0px;
	text-align:center;
color:#4b4c4c;
}
/* 底部選單 */
#footer h3{display:none;}



/*--------- 導盲磚設定---------- */
#accesskey_content{
color:#fff;}
#accesskey_top {
color:#fff;}
#accesskey_menu {
position:absolute;
top:10px;
left:-20px;
color:#292929;}
#accesskey_login {
color:#fff;position:absolute;}
#accesskey_submenu {
color:#fff;}
#accesskey_extralist {
display:none;}
#accesskey_footer {
color:#fff;}
/*news文章*/
.article{border-bottom:1px dotted #eee;color:#666;}/*--------- 上區塊---------- */
.article ul{}
.article li{display:inline;margin-right:30px;}

.article2{border:1px solid #e7e7e7;color:#666;}/*--------- 下區塊---------- */
.article2 ul{list-style : none;}
.article2 li{list-style  :  none;}
/*獨立的LOGIN頁面樣式*/


#page_login label	 { 
	cursor: pointer;
	background : #F9F9FC; 
	margin-left:30px;
}


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

#page_login #loginstyle {display:none;}
#page_login h2 {display:none;}
#page_login #welcome_rss {display:none;}
#page_login #main2 {	
	min-height : 200px;
	height:auto !important;
    height:200px;	
}
#page_login #main1 {
		background : url(cssimg/main22_bg.jpg)  bottom left no-repeat;

}

/* 勾選伸縮選單用 */ 
   .onstate-AdminOptin { display: block; padding : 0 ; }
   .offstate-AdminOptin { display: none; }

   .onstate-AttachOptin { display: block; padding : 0 ; }
   .offstate-AttachOptin { display: none; }
  
/* 可編頁面 */
.up_area {
color:#0082e4;
}
.editor_content {

padding:0 20px 10px 0;
margin:0;
width:568px;
background:url(cssimg/boxa_bg.gif) top right repeat-y;)
}
.editor_content p {
padding:0;
margin:20px 0 10px 0;
font-size:1.05em;
letter-spacing:0;
text-indent:2.3em;

}
#content .editor_content p{
line-height:1.7em;
letter-spacing:0.1em;
color:#424242;
text-align:justify;
}
.editor_content .pic{
position:absolute;
top:60px;
right:270px;
border:0px solid red;

}
.editor_content .pic img {
width:100px;
}
/* 檔案連結 */
.att_files ul li {
list-style:none;
list-style-image:none;  
padding-left:20px;
background:url(cssimg/disk.gif) top left no-repeat; 
}
.att_files li {
list-style:none;
list-style-image:none;   

}
.att_files li a {
list-style:none;
list-style-image:none;   

}


#extralist{
	display:none;
}