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

@import url(f7b5491b20fbc8538b137c34308b8dbfc0cf310a.css) ;
a {
	text-decoration:none;
	color:#cc6600;
}
a:hover {
	text-decoration:underline;
}
.clear {
	clear:both;
}
.imgleft {
	float:left;
}
.imgright {
	float:right;
}
.textbox {
	border:1px solid #a0a0a0;
	width:200px;
}
/***** table style ***/

/* 有圖片的 */
.tb_style {
	border:1px solid #cc6600;
	border-bottom:none;
	line-height:180%;
	margin-bottom:5%;
}
.tb_style th {
	border-bottom:1px solid #cc6600;
	border-right:1px solid #cc6600;
	padding:10px 15px;
	vertical-align:middle;
	background-color:#ffdea2;
	color:#cc6600;
	font-weight:normal;
	text-align:left;
}
.tb_style td {
	border-bottom:1px solid #cc6600;
	padding:10px 15px;
	vertical-align:middle;
}
.tb_style td.bgcolor {
	background-color:#ffdea2;
}
.tb_style td p {
	margin-bottom:2px;
}
/* 列表連結 */
.tb_list {
	border-top:1px solid #cc6600;
	border-left:1px solid #cc6600;
	line-height:180%;
	margin-bottom:5%;
}
.tb_list th {
	border-right:1px solid #cc6600;
	border-bottom:1px solid #cc6600;
	padding:5px 10px;
	background-color:#ffdea2;
	color:#cc6600;
	font-size:15px;
	text-align:center;
	letter-spacing:1px;
}
.tb_list td {
	border-right:1px solid #cc6600;
	border-bottom:1px solid #cc6600;
	padding:5px 10px;
	background-color:#fff;
}
.tb_list td span.signover {
	color:#F00;
}
th.th_left {
	text-align:left;
}
/***** pages 分頁 ***/

div.quotes {
	padding:30px 3px;
	clear:both;
	margin:3px;
	text-align:center;
	_padding:20px 3px 0;
}
div.quotes a {
	border:1px solid #ddd;
	padding:2px 5px;
	margin-right:2px;
	color:#aaa;
}
div.quotes a:hover {
	border:1px solid #a0a0a0;
}
div.quotes a:active {
	border:1px solid #a0a0a0;
}
div.quotes span.current {
	border:1px solid #e0e0e0;
	font-weight:bold;
	background-color:#f0f0f0;
	padding:2px 5px;
	margin-right:2px;
	color:#aaa;
}
div.quotes span.disabled {
	border:1px solid #f3f3f3;
	padding:2px 5px;
	margin-right:2px;
	color:#aaa;
}
/***** btn_div 表單按紐 *****/
.btn_div {
	text-align:center;
}
.btn_div input {
	padding:2px 10px;
	padding:5px 10px 0\9;
	_padding-top:5px;
	cursor:pointer;
	border:1px solid #f6dfb5;
	color:#707070;
	background-color:#fff;
	_border:none;
	_background-color:none;
}
.btn_div input:hover {
	border:1px solid #cc6600;
	color:#cc6600;
	background-color:#f6dfb5;
	_background-color:none;
	_border:none;
}
input.btn_input {
	height:30px;
	cursor:pointer;
	color:#cc0000;
	line-height:27px\9;
}
/*學生公共服務報名表下載*/
a.btn_student_secice_form {
	display:block;
	width:152px;
	height:27px;
	text-indent:-100000px;
	background: url(3fe66f0f70bc27c218d9e689c3f291870b22c731.jpg)  no-repeat 0px 0px;
	float:right;
	margin-right:60%;
	_float:none;
	_margin-top:5px;
}
a.btn_student_secice_form:hover {
	background-position:0px -27px;
}
a.btn_student_secice_form:active {
	background-position:0px -54px;
}
/* 下載報名表*/
a.btn_form {
	display:block;
	background: url(c3238a00891e7e140965c7d3c7026206e8e18af6.gif)  no-repeat 0px 0px;
	width:80px;
	height:27px;
	text-indent:-100000px;
}
a.btn_form:hover {
	background-position:0px -27px;
}
a.btn_form:active {
	background-position:0px -54px;
}
/*下載志工報名表*/
a.btn_socialworkers {
	display:block;
	background: url(e892283c661b9e9fcdc8fd8286e1ac9c2b4c28a2.gif)  no-repeat 0px 0px;
	width:102px;
	height:27px;
	text-indent:-10000px;
}
a.btn_socialworkers:hover {
	background-position:0px -27px;
}
a.btn_socialworkers:active {
	background-position:0px -54px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#535353;
	background-color:#ece9d8;
}
#wrap {
	width:1000px;
	margin:0 auto;
	background-color:#fff;
}
/*=============================================================================================*/
/*===== header ================================================================================*/
/*---------------------------------------------------------------------------------------------*/

#header {
	height:87px;
	background: url(fb5e47997dbd7097599cc0ff85413eac4fd5252d.jpg)  repeat-x top left;
}
#logo {
	float:left;
}
/*------------------------------*/
/* ---------- navbar ---------- */
#nav {
	float:left;
	width:758px;
}
#nav ul.navbar {
}
#nav ul.navbar li {
	display:inline;
}
#nav ul.navbar li a {
	display:block;
	float:left;
	width:95px;
	height:87px;
	text-indent:-10000px;
	background: url(632945970ee9a1a8304e28164ddd560462038a11.jpg)  no-repeat 0px 0px;
}
#nav ul.navbar li a.nav01 {
	width:94px;
	background-position:0px 0px;
}
#nav ul.navbar li a.nav02 {
	background-position:-94px 0px;
}
#nav ul.navbar li a.nav03 {
	background-position:-189px 0px;
}
#nav ul.navbar li a.nav04 {
	background-position:-284px 0px;
}
#nav ul.navbar li a.nav05 {
	background-position:-379px 0px;
}
#nav ul.navbar li a.nav06 {
	background-position:-474px 0px;
}
#nav ul.navbar li a.nav07 {
	background-position:-569px 0px;
}
#nav ul.navbar li a.nav08 {
	width:94px;
	background-position:-664px 0px;
}
#nav ul.navbar li a.nav01:hover {
	background-position:0px -87px;
}
#nav ul.navbar li a.nav02:hover {
	background-position:-94px -87px;
}
#nav ul.navbar li a.nav03:hover {
	background-position:-189px -87px;
}
#nav ul.navbar li a.nav04:hover {
	background-position:-284px -87px;
}
#nav ul.navbar li a.nav05:hover {
	background-position:-379px -87px;
}
#nav ul.navbar li a.nav06:hover {
	background-position:-474px -87px;
}
#nav ul.navbar li a.nav07:hover {
	background-position:-569px -87px;
}
#nav ul.navbar li a.nav08:hover {
	background-position:-664px -87px;
}
#nav ul.navbar li a.focus01 {
	width:94px;
	background-position:0px -87px;
}
#nav ul.navbar li a.focus02 {
	background-position:-94px -87px;
}
#nav ul.navbar li a.focus03 {
	background-position:-189px -87px;
}
#nav ul.navbar li a.focus04 {
	background-position:-284px -87px;
}
#nav ul.navbar li a.focus05 {
	background-position:-379px -87px;
}
#nav ul.navbar li a.focus06 {
	background-position:-474px -87px;
}
#nav ul.navbar li a.focus07 {
	background-position:-569px -87px;
}
#nav ul.navbar li a.focus08 {
	width:94px;
	background-position:-664px -87px;
}
/*================================================================================================*/
/*===== searching ================================================================================*/
/*------------------------------------------------------------------------------------------------*/

#searching {
	height:82px;
	background: url(92c712cdf2e914851c49cef32fb98a7127174771.jpg)  no-repeat 0px 0px;
	
}
#searching label {
	float:right;
	margin:20px 80px 0 0;/*Firefox*/
	margin:20px 40px 0 0\9;/*IE8*/
	*margin:20px 40px 0 0 /*IE7*/
	[;margin:20px 40px 0 0;] /*給Chrome跟Safari用*/
}
#searching label span.searching_title {
	display:block;
	float:left;
	width:65px;
	height:23px;
	text-indent:-10000px;
	background: url(6e2efc6f0b57a7b2c0c66d6aa1eb1eb54fc332b5.png)  no-repeat 0px 0px;
	margin-right:5px;
}
#searching label input {
	/*border:none;
	height:23px;
	line-height:23px;
	background: url(d3a1e868d1d34b7f8926e8648fc5276c7e3c33e3.png)  no-repeat 0px 0px;
	width:183px;
	padding:0 5px;
	display:block;
	float:left;
	margin-right:5px;*/
}
#searching label a.btn_search {
	display:block;
	float:left;
	width:53px;
	height:23px;
	text-indent:-10000px;
	background: url(51a1d3d4d4d8f92812ebfca3e402ee5e14d54c09.png)  no-repeat 0px 0px;
}
#searching label a.btn_search:hover {
	background-position:0px -23px;
}
/* for google search*/
	#searching label #searching-form {
	float:left;
}
#searching label input.input_in {
	/*border:none;
	height:23px;
	line-height:23px;
	background: url(d3a1e868d1d34b7f8926e8648fc5276c7e3c33e3.png)  no-repeat 0px 0px;
	width:183px;
	padding:0 5px;
	display:block;
	float:left;
	margin-right:5px;*/
}
#searching label input.btn_search {
	/*border:none;
	display:block;
	float:left;
	width:53px;
	height:23px;
	text-indent:-10000px;
	background: url(51a1d3d4d4d8f92812ebfca3e402ee5e14d54c09.png)  no-repeat 0px 0px;*/
}
#searching label input.btn_search:hover {
	background-position:0px -23px;
}
/*==============================================================================================*/
/*===== content ================================================================================*/
/*----------------------------------------------------------------------------------------------*/

#content {
	padding:30px 0;
}
.left {
	width:260px;
	float:left;
}
.main_content {
	width:640px;
	float:left;
	padding:35px 50px 80px;
	min-height:600px;
}
/*--------------------------------------------------------------------------------*/
/* ---------- left ---------------------------------------------------------------*/
.headline h1 {
	background:no-repeat 0px 0px;
	width:210px;
	height:65px;
	text-indent:-100000px;
	margin:0 25px 5px;
}
.headline h1.headline_01 {
	background-image: url(c1b01ec15f228d6ff2a61e7ec06ef832b846930c.jpg) 
}/*展覽資訊*/
.headline h1.headline_02 {
	background-image: url(b7d781dfe1c5d2668cb2103a79f86549772fa1fe.jpg) 
}/*參觀資訊*/
.headline h1.headline_03 {
	background-image: url(9d8760b6ef25028f18bee4b818cdc7012771a94a.jpg) 
}/*教育學習*/
.headline h1.headline_04 {
	background-image: url(24c7f4badac653bfa95c6b371676096682eb09fb.jpg) 
}/*最新消息*/
.headline h1.headline_05 {
	background-image: url(db639b22f933324a499cc3fdf9746d949beb4572.jpg) 
}/*認識宗博*/
.headline h1.headline_06 {
	background-image: url(583d9a3bdb940d66cd8e992d6fa554a007d5afda.jpg) 
}/*宗博社群*/
.headline h1.headline_07 {
	background-image: url(05fad3369e7078952ef38a9ee8df884e34157508.jpg) 
}/*禮品餐飲*/
.headline h1.headline_08 {
	background-image: url(82f219a6267824f10db974486b9a1403cc82ab0c.jpg) 
}/*兒童館*/
.headline h1.headline_09 {
	background-image: url(b74001d6460dcb1a0268aa145d8478c4ae546022.jpg) 
}/*全文檢索*/
.headline h1.headline_10 {
	background-image: url(bc80d3f0bcbe888006b37b1c5bce3b691d42bb7b.jpg) 
}/*網站地圖*/
/*************** language 語系 ********************/	
.language {
	width:170px;
	height:14px;
	margin:0 auto 50px;
	overflow: hidden;
}
.language a {
	display:block;
	float:left;
	width:35px;
	height:14px;
	background: url(a72e2a9fa7c90a4830178be51914dc43fbbfccdd.jpg)  no-repeat 0px 0px;
	text-indent:-100000px;
}
.language a.tw {
	background-position:0px 0px;
}
.language a.ch {
	background-position:-35px 0px;
}
.language a.jp {
	width:50px;
	background-position:-70px 0px;
}
.language a.en {
	width:50px;
	background-position:-120px 0px;
}
.language a.tw:hover {
	background-position:0px -14px;
}
.language a.ch:hover {
	background-position:-35px -14px;
}
.language a.jp:hover {
	width:50px;
	background-position:-70px -14px;
}
.language a.en:hover {
	width:50px;
	background-position:-120px -14px;
}
/****************************** menu 第二層選單 **********************************************/	
.menu {
	width:170px;
	margin:0 auto 45px;
}
.sf-menu {
	border-bottom:1px solid #fce8c3;
	list-style:none;
}
.sf-menu ul {
	position:absolute;
	top:-999em;
	width:11.5em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:180px;
}
.sf-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	position:	relative;
	_height:0px;
}
.sf-menu a {
	display: block;
	position:relative;
	border-top:1px solid #fce8c3;
	padding:10px 20px;
	padding:13px 20px 8px\9;
	text-decoration:none;
	font-size:17px;
	font-weight:bold;
	letter-spacing:1px;
}
.sf-menu li ul {
	border-bottom:1px solid #fce8c3;
	background-color:#fff;
	list-style:none;
}
.sf-menu li ul a {
	border:1px solid #fce8c3;
	border-bottom:1px solid #fff;
	background-color:#fff;
	padding:0 10px;
	line-height:180%;
	color:#999;
	font-size:15px;
	_height:1%;
}
.sf-menu li ul li {
	_background-color:#fff;
	_height:1%;
}
/*.sf-menu li ul a{ _padding:5px 10px 0px; _margin-bottom:-9px;}*/
.sf-menu > a {
	width:180px;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:172px;
	top:0; /* match top ul list item height */
	z-index:99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:-999em;
}
/**.sf-menu 第二層與第一層選單距離**/
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left:14em; /* match ul width */
	top:0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
/**.sf-menu 第三層與第二層選單距離**/
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:14em; /* match ul width */
	top:0;
}
/*** DEMO SKIN ***/

.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color:#999;
}
.sf-menu > li:hover, .sf-menu > li.sfHover, .sf-menu > a:focus, .sf-menu > a:hover, .sf-menu > a:active {
	background: url(3efb3c5f5037e6be0b3c2ff2d155c0d76aac9dfe.jpg)  no-repeat 0px 16px;
}
.sf-menu a:hover {
	color:#cc6600;
}
.sf-menu li ul a:hover {
	background-color:#fce8c3;
}
/*** arrows **/
.sf-sub-indicator {
	position:absolute;
	display:block;
	right:120px;
	top:0;
	width:10px;
	height:	24px;
	text-indent:-999em;
	overflow:hidden;
	background: url(4f006fd6ebd22b514a79832d06db8016737c8205.jpg)  no-repeat 0px 14px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:0px;
	right:0px;
	background: url(e5591339eae77c426c759c54af5a49a4ec1cc40a.png)  no-repeat 0px 14px;/*background-position: 0 -100px; use translucent arrow for modern browsers*/
}
.sf-menu li ul a .sf-sub-indicator {
	background-position:0px 9px;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-image: url(dae520ae304f2ac03dade96f600f5c2f86941bf4.png) ;/*background-position: -10px -100px; arrow hovers for modern browsers*/
}
.sf-menu li ul a:focus .sf-sub-indicator, .sf-menu li ul a:hover > .sf-sub-indicator, .sf-menu li ul a:active > .sf-sub-indicator, .sf-menu li ul li:hover > a > .sf-sub-indicator, .sf-menu li ul li.sfHover > a > .sf-sub-indicator {
	background-position:0px 9px;
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position:  0 0;
}
.sf-menu ul a > .sf-sub-indicator {
	background-position:  0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: 0 0; /* arrow hovers for modern browsers*/
}
.sf-menu a.focus {
	background: url(3efb3c5f5037e6be0b3c2ff2d155c0d76aac9dfe.jpg)  no-repeat 0px 15px;
	color:#cc6600;
}
/*************** ink_icon 網站選單 ********************/	
.link_icon {
	width:171px;
	margin:0 auto;
	_width:179px;
	
}
.link_icon ul {list-style:none;}
.link_icon li {
	float:left;
}
.link_icon li a {
	display:block;
	float:left;
	width:55px;
	height:65px;
	text-indent:-10000px;
	overflow:hidden;
	background:no-repeat 0px 0px;
	margin:0 1px 10px;
}
.link_icon li a.link_icon01 {
	background-image: url(20032ac4ad3a6d490356ed575bd9e8737a75f65e.jpg) ;
}
.link_icon li a.link_icon02 {
	background-image: url(1b0b286b60c61b4de80ec2a64208556bc4e1dc93.jpg) ;
}
.link_icon li a.link_icon03 {
	background-image: url(e6d25446847a7b2e7572d2f72ca0dd22d5ff5812.jpg) ;
}
.link_icon li a.link_icon04 {
	background-image: url(8f961f22ea94041b07dc2861f38d71878e5ddeb5.jpg) ;
}
.link_icon li a.link_icon05 {
	background-image: url(7a78c2d5389bc39b079da382e1584c0d64bfa15b.jpg) ;
}
.link_icon li a.link_icon06 {
	background-image: url(9fac7731889180a5d4e5d33c0ebaae2fd66ef700.jpg) ;
}
.link_icon li a.link_icon07 {
	background-image: url(5d0ab8768fdadc11cfe1b3ea3923feeb57997363.jpg) ;
}
.link_icon li a.link_icon08 {
	background-image: url(63705985f2ba6d9dd8afbdc97db926567d6ad331.jpg) ;
}
.link_icon li a.link_icon09 {
	background-image: url(107d2ea27f2cf2b54d944f80294c674b88aae3aa.jpg) ;
}
.link_icon li a:hover {
	background-position:0px -65px;
}
.link_icon li a:active {
	background-position:0px -130px;
}
/*----------------------------------------------------------------------------------------*/
/* ---------- main_content ---------------------------------------------------------------*/


/******************** breadcrumbs *******************/
.breadcrumbs {
	line-height:15px;
	background: url(2ff71764895643e59a2ad222a7e93890ce22268a.jpg)  no-repeat 0px 4px;
	background-position:0px 2px\9;
	padding:0 0 0 15px;
	letter-spacing:1px;
	color:#707070;
	margin-bottom:15px;
}
.breadcrumbs a {
	color:#707070;
}
.breadcrumbs a:hover {
	color:#e8994e;
	text-decoration:underline;
}
/******************** container *******************/

/****** pringt ******/
.print-logo {
	visibility:hidden;
}
.print-logo img {
	width:0px;
	height:0px;
}
.print-information {
	visibility:hidden;
}
/****** titlebox ******/
.titlebox {
	background: url(bbcd6f5bce3cc513839259fc10b233d19e1d5d8c.jpg)  no-repeat left bottom;
	font-weight:bold;
	font-size:1.8em;
	letter-spacing:1px;
	position:relative;
    *height:40px;
	margin-bottom:40px;
}
.titlebox h1.title {
	background: url(eb850834474cf234ed717709eb90cea1fe49c8de.jpg)  no-repeat 0px 12px;
	width:500px;
	background-position:0px 9px\9;
	position:relative;
	padding: 0 15px;
	line-height: 140%;
	float: left;
	margin-bottom:1%;
}
.titlebox h2.sec-title {
	display:block;
	float:left;
	color:#e8994e;
	font-size:0.9em;
	position:absolute;
	top:1em;
	top:1em\9;/*IE8*/
	left:545px;
	
}
/****** titlebox ******/
.toolbar {
	height:19px;
	float:right;
	margin:0 15px 15px 0;
	line-height:19px;
}
.fontScaleTool {
	float:left;
}
.fontScaleTool label {
	display:block;
	float:left;
	margin-right:3px;
}
.fontScaleTool a {
	display:block;
	float:left;
	width:17px;
	height:19px;
	margin-right:8px;
	text-indent:-10000px;
	background: url(e32739e61e33908330e958aa3046500ee520a50d.jpg)  no-repeat 0px 0px;
}
.fontScaleTool a.big {
	background-position:-34px 0px;
}
.fontScaleTool a.normal {
	background-position:-17px 0px;
}
.fontScaleTool a.small {
	background-position:-0px 0px;
}
.printing {
	float:left;
	margin-right:10px;
}
.printing a.print {
	display:block;
	float:left;
	height:19px;
	background: url(29474ce7e09c2ee5c183c2cb73a0cb26381a4ddb.jpg)  no-repeat 0px 0px;
	padding:0 0 0 20px;
	color:#000;
}
.btn_ishare {
	float:right;

}
/****** matter ******/
.matter {
	clear:both;
	line-height:180%;
	width:610px;
	margin-left:15px;
	text-align:justify;
}
.matter .summary {
	font-size:1.4em;
	line-height:150%;
	color:#cc6600;
	margin-bottom:5%;
	font-weight:bold;
}
.matter .summary02 {
	font-size:1em;
	line-height:140%;
	color:#993300;
	font-weight:bold;
	margin-top: 5%;

	margin-bottom: 2%;
	text-align: left;	
	
}
.matter ul.co{
	list-style:none;	
}
.matter div.mat-topper {
	margin-bottom:5%;
}
/*文章標題*/
	.matter h1.mat-title {
	font-size:1.4em;
	line-height:180%;
	color:#cc6600;
	font-weight:bold;
	margin-bottom:1%;
}
.matter h3.subtitle {
	margin-bottom:1%;
	font-size:1.2em;
}
.matter p.mat-p {
	margin-bottom:5%;
	text-align: justify;
}

.matter p.mat-b {
	margin-bottom:1%;
	text-align: justify;
	font-weight:bold;

}
.matter ul{ padding-left:15px;}
.matter ol{ padding-left:15px;}


 .matter .circle{}

.matter p.mat-p-select {
	margin-bottom:10px;
}
.matter p.sign {
	text-align:right;
}
.matter p.sign img {
	margin-bottom:-10px;
	padding:0 10px;
}
.mat-t {
	color: #c60;
}
.mat-bottom {
	margin-bottom:3%;
	color: #c60;
}
.matter ol.mat-ol {
	list-style:decimal outside;
	margin-left:20px;
	margin-bottom:5%;
	_margin-left:25px;
}
.matter ol.mat-sub-ol {
	list-style:lower-latin outside;
	margin-left:20px;
	margin-bottom:2%;
	_margin-left:25px;
}
.matter img.imgleft {
	margin:0 15px 0 0;
}/*圖片置左*/
.matter img.imgright {
	margin:0 0 0 15px;
}/*圖片置右*/
.matter a.btn_web {
	clear:both;
	display:block;
	width:154px;
	height:40px;
	text-indent:-10000px;
	float:right;
	text-align:left;
	background: url(ce1eec47afc883f91b31bbf512f277d6fc1810ba.gif)  no-repeat 0px 0px;
}
.matter a.btn_web:hover {
	background-position:0px -40px;
}
.matter a.btn_web:active {
	background-position:0px -80px;
}

/**彩虹女巫說故事覽按鈕連結btn_rainbow **/
.matter a.btn_rainbow {
    display:block;
	width:144px;
	height:30px;
	text-indent:-10000px;
	float:right;
	text-align:left;
	background-image: url(64ad70295b43addde3da1d7d582b59a3d7bb3575.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.matter a.btn_rainbow:hover {
	background-position:0px -30px;
}

/**環場導覽按鈕連結btn_su**/
.matter a.btn_su {
	display:block;
	margin-right:10px;
	width:144px;
	height:30px;
	text-indent:-10000px;
	float:right;
	text-align:left;
	background-image: url(556fa463f7bf0fd16a59c29acafaa42feb5c70f7.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.matter a.btn_su:hover {
	background-position:0px -30px;
}
/**訂閱電子報按鈕btn_ep**/
#epaper a.btn_ep {
	clear:both;
	display:block;
	width:128px;
	height:27px;
	text-indent:-10000px;
	float:right;
	text-align:left;
	background-image: url(cfb9e298152efc654425d7eb0cfbc25843e8c4a2.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 10px;
}
#epaper a.btn_ep:hover {
	background-position:0px -54px;
}
.matter a.btn_ep:active {
	background-position:0px -81px;
}

/*生命領航員圖片置左*/
.matter a.btn_ami {

	clear:both;
	display: block;
	width:167px;
	height:27px;
	text-indent:-10000px;
	float:left;
	text-align:left;
	background-image: url(1918a9b9f6451cf17365f6ab9e65c82f52d1058e.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.matter a.btn_ami:hover {
	background-position:0px -27px;
}
.matter a.btn_ami:active {
	background-position:0px -54px;
}
.matter table td.aw-td-img {
	text-align:right;
	padding:15px;
}/* table 圖片置右 */
.matter ul.mat-ul {
	list-style:disc inside;
	margin-bottom:5%;
}
.matter div.mat-mov {
	margin-bottom:5%;
}/*影片*/
/**** downloadbox 下載區 ****/
	.downloadbox {
	margin-bottom:3%;
}
dl.download-list dt {
	float:left;
	font-weight:bold;
	padding:2px 0;
}
dl.download-list dt.download-img {
	float:none;
}
dl.download-list dd {
	padding:2px 0;
}
dl.download-list dd a {
	color:#626262;
	text-decoration:underline;
}
dl.download-list dd a:hover {
	color:#cc6600;
	text-decoration:none;
}
/***** btn_style *****/
		.btn {
}
	
a.btn-sign {
	display:block;
	width:154px;
	height:40px;
	text-indent:-100000px;
	background: url(a7384b9576d8382eeb4ad95419039b8b0a3a5930.gif)  no-repeat 0px 0px;
}
a.btn-sign:hover {
	background-position:0px -40px;
}
a.btn-sign:active {
	background-position:0px -80px;
}
/****** container_bottom ******/
.container_bottom {
	float:right;
	height:15px;
	margin-right:15px;
	clear:both;
	margin-top:30px;
}
.container_bottom a {
	display:block;
	float:left;
	height:15px;
	text-indent:-10000px;
	background:no-repeat 0px 0px;
	overflow:hidden;
}
.container_bottom a.btn_back {
	background-image: url(9a060c73893f69f8bb79959ddc73147c7fe27c0b.gif) ;
	width:57px;
}
.container_bottom a.btn_top {
	background-image: url(fc1d38e422eda8e40197e90eea1e2cafb0b90ff2.gif) ;
	width:45px;
}
.container_bottom a:hover {
	background-position:0px -15px;
}
/****** container_top ******/
.container_top {
	float:right;
	height:15px;
	clear:both;
	margin:0 0 20px 0;
}
.container_top a {
	display:block;
	float:right;
	height:15px;
	text-indent:-10000px;
	background:no-repeat 0px 0px;
	overflow:hidden;
}
.container_top a.btn_top {
	background-image: url(fc1d38e422eda8e40197e90eea1e2cafb0b90ff2.gif) ;
	width:45px;
}
.container_top a:hover {
	background-position:0px -15px;
}
/*=============================================================================================*/
/*===== banner ================================================================================*/
/*---------------------------------------------------------------------------------------------*/

#banner {
	clear:both;
	margin-bottom:10px;
}
.infiniteCarousel {
	position: relative;
	height:100px;
	background: url(74142e7cb6c53fa7f90e37db7652ba48add86a60.jpg)  repeat-x top left;
}
.infiniteCarousel h1.banner-name {
	text-indent:-10000px;
	background: url(38ce26f3e9a85dd3f281120f4848c0f3ed210db2.jpg)  no-repeat 0px 0px;
	width:215px;
	height:48px;
}
.infiniteCarousel .banner {
	width: 920px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow:hidden;
	height: 80px;
	position: absolute;
	top: 48px;
	margin: 0 40px;
}
.infiniteCarousel ul a img {
	border: 2px solid #ba8642;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.infiniteCarousel .banner ul {
	width: 920px; /* single item * n */
	position: absolute;
	top: 0;
}
.infiniteCarousel ul li {
	display:block;
	float:left;
	padding: 5px;
	height: 45px;
	width: 82px;
}
.infiniteCarousel ul li img {
	-webkit-transition: border-color 400ms;
}
.infiniteCarousel ul:hover li img {
	border-color: #ba8642;
}
.infiniteCarousel ul:hover li:hover img {
	border-color: #930;
}
.infiniteCarousel ul li a img {
	display:block;
}
.infiniteCarousel .arrow {
	display: block;
	height: 36px;
	width: 33px;
	text-indent: -9999px;
	position: absolute;
	top: 58px;
	cursor: pointer;
	outline: 0;
	background: url(3fa7bf204474f78e7f9f650ec370bc86fdc5f4f7.png)  no-repeat 0px 0px;
	overflow:hidden;
}
.infiniteCarousel .forward {
	background-position: 0 0;
	right: 5px;
}
.infiniteCarousel .back {
	background-position: 0 -72px;
	left: 5px;
}
.infiniteCarousel .forward:hover {
	background-position: 0 -36px;
}
.infiniteCarousel .back:hover {
	background-position: 0 -108px;
}
/*=============================================================================================*/
/*===== footer ================================================================================*/
/*---------------------------------------------------------------------------------------------*/

#footer {
	clear:both;
	background: url(7b1861fed05480c14b1b7f7e125b02eea4970344.jpg)  #f8f8f8 repeat-x 0px 0px;
	padding:15px 55px;
	color:#a27f4e;
	font-size:0.85em;
}
.btn_contact {
	float:left;
}
.btn_contact a {
	display:block;
	float:left;
	width:100px;
	height:31px;
	text-indent:-10000px;
	background:no-repeat 0px 0px;
	margin-right:10px;
}
.btn_contact a.btn_link {
	background-image: url(a14a2a2aee807631559d7ba995c27f8d028a6434.png) ;
}
.btn_contact a.btn_contact {
	background-image: url(34fda529b98bdb7f7a163fc598979dab97a02009.png) ;
}
.btn_contact a:hover {
	background-position:0px -31px;
}
.information {
	width:560px;
	float:left;
	line-height:180%;
}
.information div {
}
.information .info li {
	display:inline;
	padding-right:8px;
}
.information .info li address {
	font-style:normal;
	float:left;
	padding-right:8px;
}

/* 個資說明 */
.mem_clause { 
	overflow-y:scroll; overflow:auto !important; height:150px; padding:10px !important; 
	border:2px solid #cc6600;
	}
.mem_clause p { padding-top:5px; }
.mem_clause p.indent1 { padding-top:0; padding-left:20px; }
.mem_clause ul { margin-left:45px; list-style-type:disc; }
.mem_clause ul li.indent1 { padding-left:36px; text-indent:-36px; }
.mem_clause ol { margin:0 0 0 45px; padding:0; list-style-type:decimal; }