@charset "utf-8";
/*************************************
 *  初始化 
**************************************/   
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b,  
center, dl, dt, dd, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td 
{
	margin: 0; 
	padding: 0;
	font-family: "華康中圓體", "微軟正黑體", "Microsoft JhengHei", "微软雅黑" ,"Microsoft YaHei", "メイリオ", "Meiryo", "新細明體", "PMingLiU", "細明體", "MingLiU", "宋体", "simsun", "Times New Roman", Arial, Helvetica, sans-serif;
}

img {
	border:0px;
}

ol, li, ul{
	margin: 0px;
	padding: 0px;	
}

body {
	background-image: url(../image/body_bk.jpg);
	background-repeat: repeat-x;
	background-color: #dee7d4;
	/*font-size: small;*/
	text-transform: capitalize;
}

/*************************************
 *  框架設定
**************************************/

#flashwrapper{
	z-index: -100;
}

#wrapper{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

/*************************************
 *  ie6 png
**************************************/

img, div, a, input, #a1 ,#a2, #a3, #a4, #a5, #a6, #a7, #a8, #a9 { _behavior: url(iepngfix.htc) };

#a1{
	background-image: url(../image/a01.png);
}

#a3{
	background-image: url(../image/a03.png);
}

#a7{
	background-image: url(../image/a07.png);
}

#a9{
	background-image: url(../image/a09.png);
}

#a2{
	background-image: url(../image/a02.png);
	background-repeat: repeat-x;
}

#a4{
	background-image: url(../image/a04.png);
	background-repeat: repeat-y;
}

#a5{
	background-image: url(../image/a05.png);
	background-repeat: repeat;
}

#a6{
	background-image: url(../image/a06.png);
	background-repeat: repeat-y;
}

#a8{
	background-image: url(../image/a08.png);
	background-repeat: repeat-x;
}

.b1 ,.b2, .b3, .b4, .b5, .b6, .b7, .b8, .b9 { _behavior: url(iepngfix.htc) };

.b1{
	background-image: url(../image/b01.png);
}

.b3{
	background-image: url(../image/b03.png);
}

.b7{
	background-image: url(../image/b07.png);
} 

.b9{
	background-image: url(../image/b09.png);
}

.b2{
	background-image: url(../image/b02.png);
	background-repeat: repeat-x;
}

.b4{
	background-image: url(../image/b04.png);
	background-repeat: repeat-y;
}

.b5{
	background-image: url(../image/b05.png);
	background-repeat: repeat;
}

.b5_g{
	background-image: url(../image/b05_g.png);
	background-repeat: repeat-x;
}

.b6{
	background-image: url(../image/b06.png);
	background-repeat: repeat-y;
}

.b8{
	background-image: url(../image/b08.png);
	background-repeat: repeat-x;
}

.c1 , .c3, .c7, .c9 { _behavior: url(iepngfix.htc) };

.c1{
	background-image: url(../image/c01.png);
}

.c3{ 
	background-image: url(../image/c03.png);
}

.c7{
	background-image: url(../image/c07.png);
} 

.c9{
	background-image: url(../image/c09.png);
}

/*************************************
 *  內部外框
**************************************/
#innerwrapper {
	width: 100%;
}

/*************************************
 *  logo
**************************************/
#logo {
	float: left;
	width: 235px;
	height: 60px;
}
/*************************************
 *  選單
**************************************/
#menu {
	float: right;
	width: 678px;
	height: 60px;
	background-position: bottom;
	color: #CDDFE4;
	font-weight: bold;
}
#menu img {
	padding-top: 30px;
}

/*************************************
 *  分隔線
**************************************/
.blockline{
	height: 10px;  
	clear: both;   
}
/*************************************
 *  中央左側
**************************************/
#middleleftcontent {
	clear: left;
	float: left;
	width: 235px;
}
/*************************************
 *  中央右側(Banner)
**************************************/
#banner {
	clear: right;
	float: right;
	width: 678px;
}
/*************************************
 *  下方左側
**************************************/
#downleftcontent {
	clear: left;
	float: left;
	width: 235px;
	margin-top: 10px;
}

/*************************************
 *  下方左側 - 選單
**************************************/
#downleftcontentmenu {
	clear: left;
	float: left;
	width: 235px;
	margin-top: 10px;
	vertical-align: middle;
}
/*************************************
 *  下方右側外框
**************************************/
#downwrapper{
	clear: right;
	float: right;
	width: 678px;
	margin-top: 10px;
	list-style-image: none;
	list-style-type: none;
}
/*************************************
 *  下方中央
**************************************/
#downmiddlecontent {
	float: left;
	width: 458px;
}
/*************************************
 *  下方右側
**************************************/
#downrightcontent {
	float: right;
	width: 220px;
}
/*************************************
 *  Footer
**************************************/
#footer {
	clear: both;
	width: 100%;
	margin-top: 10px;
	color: #477787;
	font-weight: bold;
	font-size: small;
}

/*************************************
 *  文章內容
**************************************/
.context{
	padding: 5px;
}

.context tr td {
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.context ol li,  .context ul li{
	margin-left: 30px;
}

.contextwork{
	padding: 5px;
}
.contextwork tr td img {
	padding-top: 5px;
	text-align: center;
	display: block;
}


.contextwork tr td {
	padding-top: 5px;
}


a:link {
	font-weight: bold;
	color: #3D6560;
}
a:visited {
	font-weight: bold;
	color: #538882;
}
a:hover {
	font-weight: bolder;
	color: #D25400;
}

/*************************************
 *  文繞圖
**************************************/
.floatimg {
	float: right;
	margin-right: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#menu a {
	color: #FFF;
}

#menu a:link {
	color: #dee7d4;
}


#menu a:visited {
	color: #dee7d4;
}
#menu a:hover {
	font-weight: bolder;
	color: #D25400;
}