/*@charset "utf-8";*/

/*CSS Reset*/
body, div, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, th, td { margin:0; padding:0;}
table { width:100%; }
table, th, td { border-collapse:collapse; border-spacing:0; vertical-align:top; }
iframe, img { border:0; }
input, select { vertical-align:middle; }
ul, ol { list-style:none; }
h1, h2, h3, h4, h5, h6, th { font-size:100%; font-weight:normal; }
ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6,textarea{ display:block; }

ul , li {
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-type:none;
}

img {
	border-width:0px;
}


/*隱藏連結虛線*/
a{
	color:#005599;
	hidefocus:expression(this.onFocus=this.blur());
	outline:none;
	text-decoration:none;
}
a:active, a:hover{
	color:#CC0000;
	text-decoration:none;
}


/*共用佈局*/
.clear{
	clear:both;
}

.hide{
	display:none;
}

.float_left {
	float:left;
}
.float_center {
	text-align:center;
}
.fontsize0{
	font-size:0px;
}

/*滑鼠移入移出效果*/
.mouseover {
	/*cursor : pointer ;*/
	background-color:#d5f8fb;
	color:#21959e;
}
.mouseout {
	cursor : auto ;
}


/*
----- safari 3+、chrome 1+、opera9+專用 -----
body:nth-of-type(1) 類別名稱:樣式;

----- IE瀏覽器專用 -----
類別名稱:樣式;       Firefox專用
類別名稱:樣式 \9;    IE6、IE7、IE8專用

----- 區別IE6、IE7、IE8、Firefox -----
 類別名稱:樣式   ;   Firefox專用
 類別名稱:樣式 \9;   IE8專用
*類別名稱:樣式   ;   IE7專用
_類別名稱:樣式    ;   IE6專用
*/


/* ---------------------------------------- */
/* 網頁架構                                 */
/* ---------------------------------------- */
body{
	font-size:13px;
	color:#333333;
	line-height: 20px;
	letter-spacing: 2px;
	background:url(../images/body_bg.gif);
}


/* ---------------------------------------- */
/* 網頁文字                                 */
/* ---------------------------------------- */



/* ---------------------------------------- */
/* 網頁主架構                               */
/* ---------------------------------------- */
#layout{
	width:760px;
	height:600px;
	margin:0 auto;
}


/* ---------------------------------------- */
/* 網頁架構_左側                            */
/* ---------------------------------------- */
#layout_left{
	width:365px;
	height:600px;
	float:left;
}
#left_01{
	width:365px;
	height:470px;
	float:left;
}
#left_02{
	width:365px;
	height:52px;
	float:left;
}
#left_03{
	width:365px;
	height:78px;
	float:left;
	background:url(../images/left_03.gif) repeat-x;
}
#left_memu_01 a{
	width:119px;
	height:35px;
	float:left;
	margin:20px 0px 0px 2px;
	display:block;
	background:url(../images/menu_01.jpg);
}
#left_memu_01 a:hover{
	background-position: left 35px;
}

#left_memu_02 a{
	width:119px;
	height:35px;
	float:left;
	margin:20px 0px 0px 2px;
	display:block;
	background:url(../images/menu_02.jpg);
}
#left_memu_02 a:hover{
	background-position: left 35px;
}

#left_memu_03 a{
	width:119px;
	height:35px;
	float:left;
	margin:20px 0px 0px 2px;
	display:block;
	background:url(../images/menu_03.jpg);
}
#left_memu_03 a:hover{
	background-position: left 35px;
}

/* ---------------------------------------- */
/* 網頁架構_右側                            */
/* ---------------------------------------- */
#layout_right{
	width:395px;
	height:600px;
	float:left;
}
#right_01{
	width:395px;
	height:43px;
	float:left;
}
#right_02{
	width:14px;
	height:527px;
	float:left;
}
#right_03{
	width:350px;
	height:527px;
	float:left;
	background:#FFFFFF;
}
#right_photo_01{
	width:324px;
	height:240px;
	float:left;
	margin:15px 0px 0px 12px;
	border:1px solid #999999;
}
#right_photo_02{
	width:324px;
	height:240px;
	float:left;
	margin:15px 0px 0px 12px;
	border:1px solid #999999;
}
#right_04{
	width:31px;
	height:527px;
	float:left;
}
#right_05{
	width:395px;
	height:30px;
	float:left;
	background:url(../images/right_05.gif) repeat-x;
}