/* 1. Reset
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover,a:focus {
	text-decoration: underline;
}

img,abbr,fieldset {
	border: none;
}

img {
	vertical-align: top;
}

strong,em,cite,address {
	font-style: normal;
	font-weight: normal;
}

legend {
	display: none;
}

table {
	table-layout: fixed;
	border-collapse: collapse;
}

object {
	outline: none;
}

/* 2. Containers
---------------------------------------------*/
html {
	
}

body {
	position: relative;
	margin: 0 auto;
	font-family: '新細明體', SimSun, serif;
/*	background: #EAF0F4;  */

}

/* 4. Header
---------------------------------------------*/
#header {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 960px;
	height: 145px;
	background: url(/images/museum/header_bg.jpg) no-repeat top center;
}

#header h1 a {

	position: absolute;

	top: 42px;

	left: 136px;

	width: 434px;

	height: 56px;

	overflow: hidden;

	text-indent: -500em;

}


#materials li {

	position: absolute;

	top: 108px;

}



#materials .li-1 {

	left: 130px;

}



#materials .li-2 {

	left: 248px;

}



#materials .li-3 {

	left: 392px;

}



#materials li a {

	display: block;

	width: 110px;

	height: 24px;

	overflow: hidden;

	text-indent: -500em;

}



#lang li {

	position: absolute;

	top: 12px;

}



#lang .li-1 {

	left: 816px;

}



#lang .li-2 {

	left: 856px;

}



#lang .li-3 {

	left: 895px;

}



#lang li a {

	display: block;

	width: 32px;

	height: 18px;

	overflow: hidden;

	text-indent: -500em;

}



#lang .li-3 a {

	width: 60px;

}


/*

#header h1 a {
	position: absolute;
	top: 38px;
	left: 118px;
	width: 366px;
	height: 77px;
	overflow: hidden;
	text-indent: -500em;
}

#materials li {
	position: absolute;
	top: 115px;
}

#materials .li-1 {
	left: 120px;
}

#materials .li-2 {
	left: 251px;
}

#materials .li-3 {
	left: 381px;
}

#materials li a {
	display: block;
	width: 96px;
	height: 20px;
	overflow: hidden;
	text-indent: -500em;
}

#lang li {
	position: absolute;
	top: 39px;
}

#lang .li-1 {
	left: 723px;
}

#lang .li-2 {
	left: 802px;
}

#lang .li-3 {
	left: 838px;
}

#lang li a {
	display: block;
	width: 32px;
	height: 16px;
	overflow: hidden;
	text-indent: -500em;
}

#lang .li-3 a {
	width: 50px;
}

*/

#header form div #search-txt {
	position: absolute;
	top: 151px;
	left: 690px;
	padding: 2px 0 0 25px;
	width: 171px;
	height: 16px;
	border: none;
	background: none;
	font: 1em '新細明體', SimSun, serif;
}

* html #header form div #search-txt {
	padding-top: 3px;
	height: 19px;
}

*+html #header form div #search-txt {
	padding-top: 3px;
	height: 19px;
}

#header form div #search-sub {
	position: absolute;
	top: 152px;
	left: 870px;
	width: 49px;
	height: 22px;
	border: none;
	background: none;
	font-size: 0;
	letter-spacing: -500px;
	cursor: pointer;
}

/* 5. Site Navigation
---------------------------------------------*/
#site-nav {
	position: relative;
	margin: 0 auto 5px;
	width: 960px;
	height: 58px;
	background: url(/images/museum/site-nav_bg.png) no-repeat;
}

#site-nav h3 {
	position: absolute;
	left: -500em;
}

#site-nav ul {
	padding-left: 8px;
}

#site-nav ul li {
	float: left;
	display: inline;
	margin-right: 2px;
	width: 105px;
}

#site-nav ul .li-1 {
	width: 74px;

}

#site-nav ul li h4 a {
	position: relative;
	z-index: 2;
	display: block;
	height: 32px;
	overflow: hidden;
	text-indent: -500em;
	text-decoration: none;
	background: url(/images/museum/site-nav_bg.png) no-repeat center;
}


#site-nav ul .li-1 h4 a {
	background-position: -8px 0;
}

#site-nav ul .li-2 h4 a {
	background-position: -84px 0;
}

#site-nav ul .li-3 h4 a {
	background-position: -191px 0;
}

#site-nav ul .li-4 h4 a {
	background-position: -298px 0;
}

#site-nav ul .li-5 h4 a {
	background-position: -405px 0;
}

#site-nav ul .li-6 h4 a {
	background-position: -512px 0;
}

* html #site-nav ul li.hover h4 a {
	background: none;
}


#site-nav ul li ul {
	position: absolute;
	top: 32px;
	left: -1px;
	display: none;
	padding-left: 10px;
	width: 960px;
	height: 27px;
}

#home     #site-nav ul .li-1 ul,#spread   #site-nav ul .li-2 ul,#truth    #site-nav ul .li-3 ul,#insight  #site-nav ul .li-4 ul,#feedback #site-nav ul .li-5 ul,#culture  #site-nav ul .li-6 ul,#site-nav ul li:hover ul
	{
	display: block;
}

#site-nav ul li:hover ul {
	z-index: 3;
}

* html #site-nav ul li.hover ul {
	z-index: 3;
	display: block;
}

#site-nav ul li ul li {
	float: left;
	display: inline;
	margin-right: 16px;
	padding-top: 1px;
	width: auto;
}

* html #site-nav ul li ul li {
	padding-top: 3px;
}

#site-nav ul li ul li a {
	color: #03C;
	font-size: 0.75em;
}

/* 6. Content
---------------------------------------------*/
#content {
	position: relative;
	margin:2px  auto 38px;
	width: 960px;
	height: 1%;
}

#content:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.left {
	clear: left;
	float: left;
}

.right {
	clear: right;
	float: right;
}

.center {
	margin: 5px auto!important;
}

#content .imageDiv , #thumbnail{
	display: table;
	margin: 5px 25px;
	padding: 6px 6px 7px;
	width: 1%;
	border: 1px solid #BFBFC1;
}

#content .imageDiv span, #video_info, #thumbnail span{
	color: #333333;
	display: block;
	font-size: 0.75em;
	line-height: 1.4em;
	margin: 6px 4px 0;
}

/* 7. Friendly Links
---------------------------------------------*/
#friendly {
	margin: 0 auto;
	width: 960px;
}

#friendly ul li {
	float: left;
	display: inline;
	margin: 0 10px 2px 0;
	white-space: nowrap;
}

#friendly ul li a {
	color: #5557AA;
	font-size: 0.8em;
}

/* 8. Supplementary Navigation
---------------------------------------------*/
#supp-nav {
	clear: both;
	margin: 0 auto;
	padding: 17px 0 10px;
	width: 960px;
}

#supp-nav ul {
	color: #36C;
	text-align: center;

	cursor: default;
}

#supp-nav ul li {
	display: inline;
	color: #4373D3;

}

#supp-nav ul li a {
	color: #4373D3;
	font-size: 0.8em;
}

#supp-nav ul li span {
	position: relative;
	top: 1px;
	margin: 0 8px;
}

/* 9. Footer
---------------------------------------------*/
#footer {
	height: 78px;
/*	background: url(/images/museum/footer_bg.gif) repeat-x top left; */
        background-color: white;
}

#footer div {
	margin: 0 auto;
	padding-top: 9px;
	width: 960px;
}

#footer div p {
	color: #555;
	font-size: 0.8em;
	line-height: 1.4em;
	text-align: center;
}

#footer div p a {
	color: #555;
}

/* 10. Tool
---------------------------------------------*/

.none {display: none;}
.date {color:#000000;font-size: 0.75em;margin-top:-5px;float:right;}
#text li {background: url(/images/museum/bullet-1.png) no-repeat 0 10px;padding:5px 0 5px 13px;}
#text li a {color:#0033CC; font-size:12pt;text-decoration: none;}
#text li a:hover {color:#99CCFF; font-size:12pt;text-decoration: underline;}
.even {background-color: #D9EAF4 !important; }
#children {border-bottom: 1px solid #3399FF;height: 20px;margin-bottom:10px;}
#children li {float:left;padding:0 10px 0 0;}
#children li a{color:#FF9800;font-size: 10pt;}
.clear {clear:both;}

/* 11. Additional
---------------------------------------------*/
.paginationControl a{color: #88D4E3;font-size: 16px; font-weight: bold;}
.recommend h3 a{color:#DF821C;font-size:18pt;font-weight:bold;line-height:130%;text-decoration:none;}
.recommend {color:#635F29;font-size:12pt;line-height:130%;text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.recommend h3{text-align: left;}