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

body {
	margin-top:0;
	margin-bottom:0;
	background:url(images/bgpic.jpg) repeat;
}

#back {
	background-image:url(images/no1_01.jpg);
	height:auto;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	*min-height:615px;
} 

/*#back {
	background-image:url(images/no1_01.jpg);
	height:737px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}*/

#head {
	height:125px;
	width:950px;
	margin:auto auto auto auto;
	background:url(images/top01.jpg) no-repeat;
}

.logo{
	margin:10px auto auto 10px;
}

#head01 {
	height:80px;
	width:550px;
	float: left;
	padding-left: 10px;
	padding-top:10px;
}

#head02 a:link {color:#000; text-decoration:none;} 
#head02 a:visited {color:#666; text-decoration:none;} 
#head02 a:hover { color:#C00; text-decoration:underline;} 
#head02 a:active {color:#666; text-decoration:underline;}

#head02 {
	height:30px;
	width:300px;
	float:right;
	font-size:12px;
	text-align: right;
	padding-top: 10px;
	padding-right: 30px;
	letter-spacing:2px;
}


#head03 {
	background:url(images/no1_03.jpg) no-repeat;
	height:35px;
	clear: both;
	overflow: hidden;
}



/*.he1 {
	width: 70px;
	height: 35px;
	margin-left:75px;
	background: url(images/tw/no1_0311_02.jpg) no-repeat 0px 0px;
	display:block;
	 margin-top:0px;                  
     *margin-top:-13px; !important;   
     *margin-top:-13px;              
}

.he1:hover {
	background-position: 0px -35px;
}

.he2 {
	width: 70px;
	height: 35px;
	margin-left:205px;
	margin-top:-35px;
	background: url(images/tw/no1_0311_04.jpg) no-repeat 0px 0px;
	display:block;
}

.he2:hover {
	background-position: 0px -35px;
}

.he3 {
	width: 70px;
	height: 35px;
	margin-left:340px;
	margin-top:-35px;
	background: url(images/tw/no1_0311_06.jpg) no-repeat 0px 0px;
	display:block;
}

.he3:hover {
	background-position: 0px -35px;
}

.he4 {
	width: 70px;
	height: 35px;
	margin-left:475px;
	margin-top:-35px;
	background: url(images/tw/no1_0311_08.jpg) no-repeat 0px 0px;
	display:block;
}

.he4:hover {
	background-position: 0px -35px;
}*/


.he1 {
	width: 70px;
	height: 35px;
	margin-left:35px;
	background: url(images/tw/no1_0311_02.jpg) no-repeat 0px 0px;
	display:block;
}

.he1:hover {
	background-position: 0px -35px;
}

.he2 {
	width: 70px;
	height: 35px;
	margin-left:165px;
	margin-top:-35px;
	background: url(images/tw/no1_0311_04.jpg) no-repeat 0px 0px;
	display:block;
}

.he2:hover {
	background-position: 0px -35px;
}

.he3 {
	width: 70px;
	height: 35px;
	margin-left:300px;
	margin-top:-35px;
	background: url(images/tw/no1_0311_06.jpg) no-repeat 0px 0px;
	display:block;
}

.he3:hover {
	background-position: 0px -35px;
}

.he4 {
	width: 70px;
	height: 35px;
	margin-left:435px;
	margin-top:-35px;
	background: url(images/tw/menu_bg_5.jpg) no-repeat 0px 0px;
	display:block;
}

.he4:hover {
	background-position: 0px -35px;
}

.he5 {
	width: 70px;
	height: 35px;
	margin-left:570px;
	margin-top:-35px;
	background: url(images/tw/no1_0311_08.jpg) no-repeat 0px 0px;
	display:block;
}

.he5:hover {
	background-position: 0px -35px;
}



#bo {
	width:880px;
	height:auto;
	margin:15px auto 25px auto;
}

#bo3text a:link {color:#000; text-decoration:underline;} 
#bo3text a:visited {color:#666; text-decoration:underline;} 
#bo3text a:hover { color:#C00; text-decoration:underline;} 
#bo3text a:active {color:#666; text-decoration:underline;}

#bo1{
	background:url(images/tw/int.jpg) no-repeat;
	width:820px;
	height:105px;
	margin: auto;
}

#bo1con{
	background:url(images/tw/int.jpg) no-repeat;
	width:820px;
	height:105px;
	margin: auto;
}

#bo1map{
	background:url(images/tw/map.jpg) no-repeat;
	width:820px;
	height:105px;
	margin: auto;
}

#bo1new{
	background:url(images/tw/new.jpg) no-repeat;
	width:820px;
	height:105px;
	margin: auto;
}
#bo1ser{
	background:url(images/tw/ser.jpg) no-repeat;
	width:820px;
	height:105px;
	margin: auto;
}

#bo1pro{                /*------------------------------------------*/
	background:url(images/tw/pro.jpg) no-repeat;
	width:820px;
	height:105px;
	margin: auto;
}  

#bo2 {
	height:auto;
	width:960px;
}

#bo3{                      /*-----------------------------------*/
	background:url(images/bbo_09.jpg) no-repeat;
	width:630px;
	height:40px;
	float:left;
	margin-left:0px;
}

#bo3text {
	font-size:12px;
	width:110px;
	height:28px;
	padding-top: 6px;
	padding-right: 340px;
	padding-bottom: 7px;
	padding-left: 50px;
}

#bo31{                      /*---------------------------------------------*/
	margin:5px auto auto 25px; 
	height:auto;
	float:left;
	color:#000;
	width:590px;
}

#bo3100{                      
	margin:5px auto auto 25px; 
	height:auto;
	float:left;
	color:#000;
	width:590px;
	background:#E8EAFF;
}

#bo31 a:link {color:#000; text-decoration:underline;} 
#bo31 a:visited {color:#666; text-decoration:underline;} 
#bo31 a:hover { color:#999; text-decoration:underline;} 
#bo31 a:active {color:#666; text-decoration:underline;}

.bo31txt{
	font-size:14px;
	line-height:20px;
	letter-spacing:2px;
	font-family:"新細明體";
	text-indent:32px;
	font-weight:200;
	color:#000;
}

#bo31 table{
	line-height:20px;
	font-size:14px;
	font-family:"新細明體";
	text-align:center;
}

#bo31new{
	margin:5px auto auto 30px;
	font-size:14px;
	line-height:25px;
	letter-spacing:2px;
	font-family:"新細明體";
	text-align:center;
	float:left;
}

#bo31new a:link {color:#000; text-decoration:underline;} 
#bo31new a:visited {color:#666; text-decoration:underline;} 
#bo31new a:hover { color:#999; text-decoration:underline;} 
#bo31new a:active {color:#666; text-decoration:underline;}

#bo4 {    /*--------------------------------------------*/
	float: left;
	width:175px;
	min-height:448px;
	margin-left:65px;
	*margin-left:35px;            /* IE6 以下                */ 
}

#bo4pro {
	float: left;
	width:175px;
	min-height:580px;
	margin-left:65px;
	*margin-left:35px;            /* IE6 以下                */ 	
}

#bo41 {
	background:url(images/bbo_08.jpg) no-repeat;
	height:23px;
}

#bo42 {
	background:url(images/bbo_15.jpg) repeat-y;
	font-family:"新細明體";
}

#bo42 table {
	margin-left:20px;
	font-family:"新細明體";
	font-size:14px;
	line-height:20px;
}

#bo42 table a:link {color:#000; text-decoration:none;} 
#bo42 table a:visited {color:#666; text-decoration:none;} 
#bo42 table a:hover { color:#C00; text-decoration:underline;} 
#bo42 table a:active {color:#666; text-decoration:underline;}

#bo43 {
	background:url(images/bbo_17.jpg) no-repeat;
	height:23px;
}

#bo44{
	margin:10px 0 10px 0;
}

#ff {
	background:url(images/no1_07.jpg) no-repeat;
	height:46px;
	width:883px;
	margin-right:auto;
	margin-left:auto;
	bottom:46px;
	clear: both;
}

#ff01 {
	width:880px;
	font-size:12px;
	text-align:center;
	padding-top:23px;
}


#extend{
    display: none; //預設為顯示
}
#close{
    display: block; //預設為隱藏
}

#extend a:link {color:#000; text-decoration:none;} 
#extend a:visited {color:#666; text-decoration:none;} 
#extend a:hover { color:#C00; text-decoration:none;} 
#extend a:active {color:#666; text-decoration:none;}

#close a:link {color:#000; text-decoration:none;} 
#close a:visited {color:#666; text-decoration:none;} 
#close a:hover { color:#C00; text-decoration:none;} 
#close a:active {color:#666; text-decoration:none;}

.open1 {
	font-size:10px;
	padding-left:15px;
}

/* 分隔線 */

.he1en {
	width: 70px;
	height: 35px;
	margin-left:75px;
	background: url(images/en/no1_0311_02.jpg) no-repeat 0px 0px;
	display:block;
}

.he1en:hover {
	background-position: 0px -35px;
}

.he2en {
	width: 70px;
	height: 35px;
	margin-left:205px;
	margin-top:-35px;
	background: url(images/en/no1_0311_04.jpg) no-repeat 0px 0px;
	display:block;
}

.he2en:hover {
	background-position: 0px -35px;
}

.he3en {
	width: 70px;
	height: 35px;
	margin-left:340px;
	margin-top:-35px;
	background: url(images/en/no1_0311_06.jpg) no-repeat 0px 0px;
	display:block;
}

.he3en:hover {
	background-position: 0px -35px;
}

.he4en {
	width: 70px;
	height: 35px;
	margin-left:475px;
	margin-top:-35px;
	background: url(images/en/no1_0311_08.jpg) no-repeat 0px 0px;
	display:block;
}

.he4en:hover {
	background-position: 0px -35px;
}

#bo1en{
	background:url(images/en/int.jpg) no-repeat;
	width:820px;
	height:105px;
	margin: auto;
}

/*#back #bo2 #bo31 table tr td {
	color:#000;
}*/

.color{
	background-color:#FF9;
}