@charset "big5";

/*
-----------------------------版面基本設定-----開始---------------------------------------
*/
body {
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
    background-color:#EAECED;
	background-repeat : repeat-y;
	background-image: url('images/bk00.gif');
	padding:0px;
	width: 909px;
}

input, select, th, td {
	font-size: 1em;
}

h1 {
	font-size: 1.7em;
	margin: 0px 0px 0px 0px;
	color: #008400;
	}


h2 {
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	color: #3366FF;
	}
p{
	margin-bottom: 0px;
	margin-top:0px;
	}

/*
 首頁版面設定
*/
#top {
	float:left;
	width: 909px;
	margin:0px;
	background-color:#FFFFFF;
	padding:0px 0px 0px 0px;
	vertical-align:top;
	}

/* right */
#right {
	float:right;
	width: 180px;
	margin:0px;
	background-color: #E3E3E3;
	}

/* center */
#center {
	float:left;
	width: 520px;
	margin:0px;
	padding:5px 10px 10px 10px;
	}



/* leftt */
#left {
	float: left;
	width: 180px;
	margin:0px;
	padding:0px;
	background-color:black;
	}

/* 內頁無分割內容物01 */
#note_all {
	float:left;
	width: 700px;
	padding: 0px 10px 10px 10px;
	}



/* 首頁表格 */
.index_tab {
	float: left;
	}

/* 首頁圖片 */
.index_img{
	float:left;
	padding:0px 0px 10px 5px;
}

/* 圖片靠右 */
.img_right{
	float:right;
	padding:5px;
	}

/* 圖片靠左 */
.img_left{
	float: left;
	padding:5px;
	}


/* photo列表 */
.photo_list{
	float: left;
	padding:10px;
	width:auto;
	}

/* photo大圖 */
.photo_big{
width:0px;
	padding:10px;
	text-align: center;
	}


/* 下方地址 */
#add {
	float:left;
	width: 909px;
	height:20px;
	margin:0px;
	background-image: url('images/add.gif');
	padding:8px 0px 0px 0px;
	background-repeat:repeat-x;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	color: white;
	text-align: center;
	}


/* 列表圖片 */
.note_img{
	float:left;
	padding:0px 5px 5px 10px;
}

/* 虛線 */
.line01{
	float:left;
	background-image: url('images/line01.gif');
	width:100%;
	}



/*
置中
*/
.tabcenter {
	margin: 0px auto;
}

.tabspace {
	padding: 0px 5px 0px 8px;
}

.tabspace01 {
	padding: 0px 13px 0px 0px;
}
.tabspace02 {
	padding: 0px 0px 0px 12px;
}
.tabspace_index {
	padding: 0px 8px 0px 3px;
}
.tabspace_ad {
	padding: 0px 8px 0px 20px;
}

/*
-----------------------------版面基本設定-----結束---------------------------------------
*/
/*
-----------------------------表格設定-----開始---------------------------------------
*/
/*
 表格最上層設定，進階設定則用"table.XXX"定義
*/
table {
	border-collapse: collapse;
}
table th {
	vertical-align:top;
	border: 0px;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	}
	
table td {
	border: 0px;
	padding: 0px;
}
/*
沒有線的表格
*/
table.line {
}

table.line th {
	border: 1px solid #aaa;
	font-weight: bold;
	text-align: right;
	padding: 3px;
	background-color: #efefef;
	color: #3333cc;
}

table.line tr {
	border: 0px;
	padding: 0px;
}
table.line td {
	border: 1px solid #aaa;
	padding: 3px;
}

/*
-----------------------------表格設定-----結速---------------------------------------
*/
/*
-----------------------------文字專用-----開始---------------------------------------
*/
.f150 {
	line-height: 130%;
}
/*字間距60%*/
.f160 {
	line-height: 160%;
}
/* 字間距70% */
.f170 {
	line-height: 170%;
}
/* 字間距80%*/
.f180 {
	line-height: 180%;
}
/* 字間距200%*/
.f200 {
	line-height: 200%;
}
.f16px {
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
}

.f15px {
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
}

.f14px {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
}
.f13px {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
}
.f12px {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
}
.f11px {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
}
.f10px {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
}
.f9px {
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
}

/*
文字靠上
*/
.f_top{
	vertical-align:top;
	}
.f_bottom{
	vertical-align:bottom;
	}


/*
文字顏色
*/

.fcccc {
	color:  #CCCCCC;
}


.fc222 {
	color: #666666;
}

.fc333 {
	color: #333333;
}
.fc3c {
	color: #3333cc;
}
.fc3b {
	color: #3366FF;
}
.fc3r {
	color: #CC0066;
}
.fcw {
	color: white;
}

.fc0 {
	color: #C0C0C0;
}

.fc3g {
	color:  green;
}


.fuline{
	text-decoration: underline;
	}
}

/*
文字加粗
*/
.fbo {
	font-weight: bold;
}
/*
文字反白
*/
.fwhite {
	color: white;
}
/*
文字置中
*/
.tx_center {
	text-align: center;
}
/*文字靠右*/
.tx_right {
	text-align: right;
}
/*文字靠左*/
.tx_left {
	text-align: left;
}
	

/*
-----------------------------文字專用-----結束----------------------------------------
*/
/*
-----------------------------超連結設定-----開始---------------------------------------
*/
/*
 輸入筐
 */
.keyin {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #999999;
	background-image: url('images/keyin.gif');
}
.bar {
	border: 2px outset #3399FF;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #0066CC;
}
a:link {
	text-decoration: none;
	color:#3366FF;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color:  #3366FF;
	font-weight: bold;

}
a:active {
	text-decoration: none;
	color: #0066CC;
}


a:hover {
	color: #fff;
	background: #0aa7d6; 
	text-decoration: none;
	/*text-decoration: underline;
	top: 1px;
	left: 1px;*/
}
div#trchang tr:hover {
	background: #D6F5EE;
}
div#tdchang td:hover {
	background: #D6F5EE;
}
/* 另跳視窗 */
A.open{
	target:expression(this.target='_blank')
	}

/*
-----------------------------超連結設定-----結束---------------------------------------
*/

/*圖陰影*/
.shadow {
	background: url(images/fuzzy_shadow.png) no-repeat bottom right;
}
.shadow div {
	background: url(images/fuzzy_shadow1.png) no-repeat right top;
}
.shadow div {
	background: url(images/fuzzy_shadow2.png) no-repeat left bottom;
	padding: 0 3px 3px 0;
	display: block;
}

.shadow img {
	background-color: #fff;
	color: #000;
	border: 1px solid #bbb;
	padding: 4px;
	vertical-align: bottom;
}

/*圖細框線*/
.img_line {
	float: left;
	width: auto;
	border: 1px solid #bbb;
	background-color: #fff;
}
