@charset "UTF-8";

a:link {
	color: #003366;
	text-decoration: underline;
}
a:visited {
	color: #003366;
	text-decoration: underline;
}
a:hover {
	color: #003366;
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
* {margin:0; padding:0;}
html {height:100%;}
body {margin:0; padding:0; background-color:#ffffcc; height:100%; font-family:Arial,新細明體;}
a img {border-style:none; margin:0; padding:0;}

/* Footer Stick
-------------------------------------------- */
#nonfooter {position:relative; min-height:100%; background-color:#ffffff; width:844px; margin:0 auto; background-image: url(images/papersidebg.jpg); height:auto; background-position:0 100px; background-repeat: repeat-y;}
* html #nonfooter{height:100%;}
#footer{position:relative; margin: -32px auto 0 auto; width:816px;}
#content{padding-bottom:64px;}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer{margin-top: -32px;}

/* Top Menu Bar
-------------------------------------------- */
#MenuBar1 ul {border:0;}
#MenuBar1 a.MenuBarItemSubmenu {margin:0; padding:0;}
#MenuBar1 a {font:11px Arial; color:#ffffff; padding:0.2em 0.4em;}

#MenuBar1 #Item1, #MenuBar1 #Item1 ul, #MenuBar1 #Item1 li {width: 106px;}
#MenuBar1 #Item1 li a {background-color:#51c8eb;}
#MenuBar1 #Item1 li a:hover {background-color:#ffffff; color:#51c8eb;}

#MenuBar1 #Item2, #MenuBar1 #Item2 ul, #MenuBar1 #Item2 li {width: 102px;}
#MenuBar1 #Item2 li a {background-color:#ffbf00;}
#MenuBar1 #Item2 li a:hover {background-color:#ffffff; color:#ffbf00;}

#MenuBar1 #Item3, #MenuBar1 #Item3 ul, #MenuBar1 #Item3 li {width: 106px;}
#MenuBar1 #Item3 li a {background-color:#d277bd;}
#MenuBar1 #Item3 li a:hover {background-color:#ffffff; color:#d277bd;}

#MenuBar1 #Item4, #MenuBar1 #Item4 ul, #MenuBar1 #Item4 li {width: 104px;}
#MenuBar1 #Item4 li a {background-color:#98d430;}
#MenuBar1 #Item4 li a:hover {background-color:#ffffff; color:#98d430;}

#MenuBar1 #Item5, #MenuBar1 #Item5 ul, #MenuBar1 #Item5 li {width: 105px;}
#MenuBar1 #Item5 li a {background-color:#8c8c8c;}
#MenuBar1 #Item5 li a:hover {background-color:#ffffff; color:#8c8c8c;}

/* Left Menu (Menu)
-------------------------------------------- */
.leftmenu_bg {background-color:#ffffff; background-image: url(images/lm_bg.jpg); background-repeat: no-repeat; vertical-align:top; width:216px;}
.no_pmb {vertical-align:top; padding:0; margin:0; border:0;}
#leftmenu ul {list-style-type:none; margin:0; padding:0;}
#leftmenu li {margin:0; padding:0; display:inline;}

/* Left Menu (Drop-down Menu)
-------------------------------------------- */
#l_dd_menu {margin:36px 0 0 30px; width:150px;}

/* Form Elements
----------------------------------------------- */
select {font-size:11px; color: #000000; font-family:Arial,新細明體;}

/* Right Column (Slide)
-------------------------------------------- */
.slide_bg {background-color:#ffffff; background-image: url(images/slide_bg.jpg); vertical-align:top; background-repeat: no-repeat; width:600px; height:368px;}

.slide_bg_1 {
	background-color:#ffffff;
	background-image: url(images/slide_bg_1.jpg);
	vertical-align:top;
	background-repeat: no-repeat;
	width:600px;
	height:600px;
}

#slide {width:600px; height:368px; border:0px solid #cccccc;}
#slide_center {width:530px; height:352px; display:table; #position: relative;}

/* Right Column (Content)
-------------------------------------------- */
.c_hdg {padding-bottom:5px;}
#content_heading ul {list-style-type:none; margin:0; padding:0;}
#content_heading li {margin:0; padding:0; display:inline;}

.c_txt {padding-left:60px; padding-right:170px; font:10px/18px Arial,新細明體; color:#666666;}
.hr01 {margin-bottom:6px;}
.endmark {background: url(images/endmark.png) no-repeat 0 2px; margin-left:3px;}

/* Footer
-------------------------------------------- */
#Table_03 td {vertical-align:top; margin:0; zbackground-color:#ffffff;}

/* Gallery and Playback Controls
-------------------------------------------- */
#previews {padding:0 0 0 60px; margin-bottom:25px; width:500px; float:left;}
#thumbnails {clear:both;}
#thumbnails div {position:relative; width:30px; height:30px; float:left; margin:0px 9px 9px 0; padding:0; display:inline;}
#thumbnails img {width:30px; height:30px; position:absolute;}
#picture {padding:0px; zwidth:600px; zwidth:518px; zheight:368px; float:none; display:table-cell; vertical-align:middle; #position:absolute;  #top:50%;}

#mainImageOutline {margin:auto; padding:0;
	zbackground-color: #eee;
	zborder-top: solid 1px #999;
	zborder-right: solid 1px #404040;
	zborder-bottom: solid 1px #333;
	zborder-left: solid 1px #404040;
	zpadding: 1em; 
	overflow: hidden; 
	#position: relative;  #top: -50%;
}

#mainImage {width:100%; height:100%;}
#picture img {border:0 solid #999; }
.selectedThumbnail {border: solid 1px #fc0 !important; }
.inFocus {  border: solid 1px #fc0 !important; }

/* Utility IDs, classes, and HTML selectors
-------------------------------------------- */
.clear {
	visibility: hidden;
	zdisplay: block;
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	display:inline;
	}
.ClearAll {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/* Slide (Additional Info)
-------------------------------------------- */
#addinfo {margin-bottom:10px;}

#addinfo p {color:#8c8c8c; font-family: Arial,新細明體; zmargin:0;}
.aiTitle {font-size:24px; margin-bottom:-2px;}
.aiYear, .aiSize, .aiEdition, .method {font-size:12px; margin-bottom:-4px;}

/* Misc.
-------------------------------------------- */
.main_sideborder {vertical-align:top; width:14px; height:auto;}