@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url();
	background-color: #CACBCF;
}
.top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-top: 20px;
	padding-right: 100px;
	letter-spacing: 1px;
	color: #666666;
}
.top A {
	FONT-SIZE: 12px;
	COLOR: #666666;
	TEXT-DECORATION: none
}
.top A:hover {
	FONT-SIZE: 12px;
	COLOR: #CC0000;
	TEXT-DECORATION: blink;
	vertical-align: bottom;
}
.w {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.w A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-decoration: none;
}
.w A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #99FF00;
	letter-spacing: 1px;
	text-decoration: none;
}
.left_c {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	padding-left: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #F0F0F0;
	color: #333333;
	text-decoration: none;
}
.left_c A {
	FONT-SIZE: 12px;
	COLOR: #333333;
	TEXT-DECORATION: none
}
.left_c A:hover {
	FONT-SIZE: 12px;
	COLOR: #0DA7FF;
	TEXT-DECORATION: none;
	vertical-align: bottom;
}
.g2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #006600;
	text-decoration: none;
}
.g2  A {
	FONT-SIZE: 12px;
	COLOR: #006600;
	TEXT-DECORATION: none
}
.g2  A:hover {
	FONT-SIZE: 12px;
	COLOR: #84DB00;
	TEXT-DECORATION: blink;
	vertical-align: bottom;
}
.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
}
.txt  A {
	FONT-SIZE: 12px;
	COLOR: #333333;
	TEXT-DECORATION: none
}
.txt  A:hover {
	FONT-SIZE: 12px;
	COLOR: #333333;
	vertical-align: bottom;
	text-decoration: none;
}
.arrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
	text-decoration: none;
	text-indent: 20px;
	background-position: 5px;
	background-image: url(images/icon_02.jpg);
	background-repeat: no-repeat;
}
.arrow A {
	FONT-SIZE: 12px;
	COLOR: #333333;
	TEXT-DECORATION: none
}
.arrow A:hover {
	FONT-SIZE: 12px;
	COLOR: #CC0000;
	TEXT-DECORATION: blink;
	vertical-align: bottom;
}
.left_table {
	margin-top: 8px;
}



.o {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	padding-left: 25px;
}
.bl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #33ADFF;
}

.gr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #77B900;
}
.gr A {
	FONT-SIZE: 12px;
	COLOR: #77B900;
	TEXT-DECORATION: none
}
.gr A:hover {
	FONT-SIZE: 12px;
	COLOR: #FF6600;
	TEXT-DECORATION: blink;
	vertical-align: bottom;
}

.O2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FF6600;
}
.O2 A {
	FONT-SIZE: 12px;
	COLOR: #FF6600;
	TEXT-DECORATION: none
}
.O2 A:hover {
	FONT-SIZE: 12px;
	COLOR: #3399FF;
	TEXT-DECORATION: blink;
	vertical-align: bottom;
}

.bl2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003399;
}
.bl2 A {
	FONT-SIZE: 12px;
	COLOR: #0033CC;
	TEXT-DECORATION: none
}
.bl2 A:hover {
	FONT-SIZE: 12px;
	COLOR: #FF6600;
	TEXT-DECORATION: blink;
	vertical-align: bottom;
}

.bl3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0232FE;
}
.bl3 A {
	FONT-SIZE: 12px;
	COLOR: #0232FE;
	TEXT-DECORATION: none
}
.bl3 A:hover {
	FONT-SIZE: 12px;
	COLOR: #990099;
	TEXT-DECORATION: blink;
	vertical-align: bottom;
}
.show {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	line-height: 20px;
}
.show A {
	FONT-SIZE: 12px;
	COLOR: #333333;
	TEXT-DECORATION: none
}
.show A:hover {
	FONT-SIZE: 12px;
	COLOR: #0066FF;
	TEXT-DECORATION: blink;
	vertical-align: bottom;
}
/*以上為新首頁設定*/

.font1 {
	color: #FFFFFF;
}
.font2 {
	line-height: 28px;
	font-size:15px;
		letter-spacing : 1pt
}
.font3 {
	font-size: 13px;
	color: #444444;
	text-decoration: none;
}
.font4 {
	font-size: 13px;
	color: #FFFFFF;
	line-height: 25px;
}
.font5 {
	font-size: 13px;
	color: #444444;
	line-height: 18px;
	letter-spacing : 2pt
}

img.framed { 
padding: 6px; 
border: 1px solid #CCC; 
background-color: #FFF; } 
	
}

.odd {
color:#666666;
background-color:whitesmoke;
margin:2px;
padding:1px;
}
.even {
color:#666666;
background-color:white;
margin:2px;
padding:1px;
}
	.new_kd {
	font-size:13px;
	color:#003377;	
	}
	.new_Fr {
	color:gray;	
	}


TABLE.EditMode
  { 
     font-family:arial;
     border-collapse:collapse;
     font-size:10pt;
     background-color:#0099FF;
     width:100%;
     border-style:solid;
     border-color:#6699CC;
     border-width:1;
  }
CAPTION.EditMode
  {
     background-color:#CCFFCC;
     color:#3300FF;
     border-style:solid;
     border-width:1px;
     border-color:#cccccc;
     line-height:40px;
     font-size:12pt;
  }
  TH.EditMode
  {
     font-size:10pt;
     color:white;
  }

  TR.EditMode
  { 
  height:30;
	background-color:white;
  }
 


  TD.EditModelabel
  {  
     font-size:10pt;
     background-color:#99ccff;
     color:black;
     border-style:solid;
     border-width:1px;
     text-align:center;
     width:100px;
  }
TD.EditModefield
  {  
     font-size:10pt;
     background-color:white;
     color:black;
     border-style:solid;
     border-width:1px;
     text-align:left;
  }
a.link1:link {
	font-size: 15px;
	text-decoration: none;
	color:#003377;	
}
a.link1:active {
	font-size: 15px;
	text-decoration: none;
	color:#003377;	
}
a.link1:visited {
	font-size: 15px;
	text-decoration: none;
	color:#003377;	
}
a.link1:hover {
	font-size: 15px;
	text-decoration: underline;
	color:#003377;	
}
a.link2:link {
	font-size: 15px;
	text-decoration: none;
	line-height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	color:#003377;	
}
a.link2:active {
	font-size: 15px;
	text-decoration: none;
	line-height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	color:#003377;	
}
a.link2:visited {
	font-size: 15px;
	text-decoration: none;
	line-height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	color:#003377;	
}
a.link2:hover {
	font-size: 15px;
	text-decoration: none;
	line-height: 24px;
	position: relative;
	left: 2px;
	top: 2px;
	text-decoration: underline;
}
a.link3:link {
	font-size: 13px;
	text-decoration: none;
	line-height: 20px;
	color:#003377;	
}
a.link3:active {
	font-size: 13px;
	text-decoration: none;
	line-height: 20px;
	color:#003377;	
}
a.link3:visited {
	font-size: 13px;
	text-decoration: none;
	line-height: 20px;
	color:#003377;	
}
a.link3:hover {
	font-size: 13px;
	text-decoration: none;
	line-height: 20px;
	position: relative;
	color:#003377;	
	text-decoration: underline;
	
}
a.link4:link {
	font-size: 15px;
	text-decoration:  none;
	line-height: 24px;
	color:#003377;	
}
a.link4:active {
	font-size: 15px;
	text-decoration:  none;
	line-height: 24px;
	color:#003377;	
}
a.link4:visited {
	font-size: 15px;
	text-decoration:  none;
	color:#003377;	
}
a.link4:hover {
	font-size: 15px;
	text-decoration: underline;
	line-height: 24px;
		color:#003377;	
}

a.link_ad:link 		
			{
			text-decoration: none;
			color: #003377;
			}

a.link_ad:visited 	
			{
			text-decoration: none;
			color: #003377;
			}

a.link_ad:hover 	
			{
			text-decoration: underline;
			color: #009FCC;
			}

a.link_ad:active 	
			{
			text-decoration: none;
			color: #003377;
			}


			
.pic1 {
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}
.pic2 {
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.pic3{
border: 0px solid #6D7B8D;
padding:4px;

}
ul .li1 {
margin:0px;
}
.li1 {
	/*list-style-image: url(images/icon1.gif);*/
	list-style-image: url(images/icon3.gif);
	list-style-type: none;
	line-height:24px;
	color: #444444;
}

ul .li4 {
margin:0px;
}
.li4 {
	/*list-style-image: url(images/icon1.gif);*/
	list-style-image: url(images/icon4.gif);
	list-style-type: none;
	line-height:24px;
	color: #444444;
}

ul .li7 {
margin:0px;
}
.li7 {
	/*list-style-image: url(images/icon1.gif);*/
	list-style-image: url(images/icon7.gif);
	list-style-type: none;
	line-height:24px;
	color: #444444;
}

.li2 {
	list-style-position: outside;
	list-style-image: url(images/icon2.gif);
	list-style-type: none;
	text-indent: 0px;
}

.li_1 {
	list-style-type: none;
	margin: 0px;
	padding-left:10px;
}	
.li_2{
	border-bottom: 1px dashed #888 ;
	height:24px;
	width:95%;
}

.table {
	border: 0px;
}
.text1{
border-color:#999999;
border-style:dotted;
border-width:1px;
}

.block1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#E7E7E7;
	color: #444444;
	margin-top:2px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:2px;
	border-width:1px;
	border-color:#cccccc;
	border-style:solid;

}

/* 設定右下角圓角圖 */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
background: transparent url(images/box.png) no-repeat bottom right;
} 


/* 可固定寬度值 (例如 width: 335px;) 或刪除寬度改為隨內容伸展的彈性寬度 */
.cssbox {
padding-right: 15px; /* 底圖右邊緣間距 */
margin: 5px auto; /* 地圖上下左右邊界 */
}

/* 設定右上角圓角圖 */
.cssbox_head {
background-position: top right;
margin-right: -15px; /* 右上角底圖向上拉高 15px */
padding-right: 20px; /* 右邊間距 = 圖片間隙 + 內側間距 */
}

/* 設定左上角圓角圖 */
.cssbox_head h2 {
 	background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 20px 0 5px 20px; /* 左側間距 = 圖片間隙 + 內側間距 */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* 設定左下角圓角圖 */
.cssbox_body {
background-position: bottom left;
margin-right: 10px; /* 右邊間距 */
padding: 20px 0 5px 20px; /* 間距設定, 左側 40px 要與 .cssbox_head 相同 */
} 


/* 內文與標題間距修改 */
.cssbox_body p {
margin-top: -15 ;
}

/* 設定右下角圓角圖 */
.cssbox2, .cssbox2_body, .cssbox2_head, .cssbox2_head h2 {
background: transparent url(images/box2.png) no-repeat bottom right;
} 


/* 可固定寬度值 (例如 width: 335px;) 或刪除寬度改為隨內容伸展的彈性寬度 */
.cssbox2 {
padding-right: 15px; /* 底圖右邊緣間距 */
margin: 5px auto; /* 地圖上下左右邊界 */
}

/* 設定右上角圓角圖 */
.cssbox2_head {
background-position: top right;
margin-right: -15px; /* 右上角底圖向上拉高 15px */
padding-right: 20px; /* 右邊間距 = 圖片間隙 + 內側間距 */
}

/* 設定左上角圓角圖 */
.cssbox2_head h2 {
 	background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 20px 0 10px 20px; /* 左側間距 = 圖片間隙 + 內側間距 */ 
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* 設定左下角圓角圖 */
.cssbox2_body {
	background-position: left bottom;
	margin-right: 40px; /* 間距設定, 左側 40px 要與 .cssbox2_head 相同 */
	padding-top: -15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
} 
/* 內文與標題間距修改 */
.cssbox2_body p {
margin-top: -10px ;
}.hr {
	border-top-style: dotted;
	border-top-color: #0066CC;
	border-right-color: #0066CC;
	border-bottom-color: #0066CC;
	border-left-color: #0066CC;
	border-top-width: 1px;
}
body{
	text-align:center;
	background-image: url(images/back.jpg);
} 

/*--方塊1--*/
.item1{
font-size:13px;
margin-bottom:5px;
}
.item1up{
background:url(images/item1_u.jpg) no-repeat top;
height:30px;
padding-top:10px;
text-align:center;
color:white;
}
.item1body{
border-left:1px solid #375500;
border-right:1px solid #375500;
padding:5px;
background-image:url(images/right_green_gp.jpg);
background-repeat:repeat-y;
}
.item_rests_body{
border-left:1px solid #375500;
border-right:1px solid #375500;
padding:5px;
overflow:auto;
height:500px;
}
.item1down{
background:url(images/item1_d.jpg) no-repeat top;
height:4px;
}

/*--方塊2--*/
/*--淺監色--*/
.item2{
font-size:13px;
margin-bottom:5px;
}
.item2up{
background:url(images/item1_u.jpg) no-repeat top;
height:30px;
padding-top:10px;
text-align:center;
}
.item2body{
border-left:1px solid #375500;
border-right:1px solid #375500;
padding:5px;
background-image:url(images/right_teal_gp.jpg);
background-repeat:repeat-y;
}
.item2_rests_body{
border-left:1px solid #375500;
border-right:1px solid #375500;
padding:5px;
overflow:auto;
height:500px;
}
.item2down{
background:url(images/item1_d.jpg) no-repeat top;
height:4px;
}


img.double-border {
border: 5px solid #ddd;
padding: 5px; /*Inner border size*/
background: #fff; /*Inner border color*/
}

img.shadow {
background: url(images/shadow.gif) no-repeat right bottom;
padding: 5px 10px 10px 5px;}
.item1up1_{
	background-position: top right;
	margin-right: 0px; /* 右上角底圖向上拉高 15px */
	background-repeat:no-repeat;
}
.item1up2_{
 	background-position: top left;
    margin-right: 10;               /* reset */
    border: 0px;                /* reset */
    padding-top:5px;
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
	background-repeat:no-repeat;
}
.item1body1_{
	background-image:url(images/item.jpg);
	background-position: top right;
	margin-right: 0px; 
	
}
.item1body2_{
	background-image:url(images/item.jpg);
 	background-position: top left;
	text-align:left;
	margin-right: 10;  
    border: 0; 
    padding:10px;
}
.item1down1_{
	background-image:url(images/item.jpg);
	background-position: bottom right;
	margin-right: 0px; 
	background-repeat:no-repeat;
	
}
.item1down2_{
	background-image:url(images/item.jpg);
 	background-position: bottom left;
    margin-right: 10;  
    border: 0; 
    padding:0px;
    height: 4px; 
	background-repeat:no-repeat;
}

.td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
}
.table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: dotted;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	font-size: 15px;
}

.votes
{
   font-size:11px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#33CC33;
   border-style:solid;
   border-color:#000000;
   border-width:1px;
   padding:2px;
}



#comment {
width:350px;
	overflow-y:visible;
	}
	
.box {
	padding: 4px 0px ;
	border-bottom: 1px dashed #888 ;
	wdith:99%;
	}


	
/*CSS manu style pagination*/

.toolbar {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center;font-size:13px;
}
.toolbar A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.toolbar A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.toolbar A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.toolbar .current {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.toolbar .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
.style10 {color: #382D2C;font-size:13px;}