@charset "utf-8";
@import url("reset.css");
/* CSS Document */
html {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	background:url(../images/bg.png) top center no-repeat #FFF;
	color:#333;
	line-height:18px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif,"新細明體";
	overflow-x:hidden;
}
a {
	color:#09C;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#F06;
}
input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3F3B30;
}
.red {
	color:#E60012;
}
.align_r {
	text-align:right;
}
.align_c {
	text-align:center;
}
.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}
ol.number {
	list-style-type:decimal;
	margin-left:40px;
}
/*-------------header--------------------*/
#header {
	width:780px;
	position:relative;
	height:160px;
	margin:0 auto;
}
#header h1 {
	position:absolute;
	top:30px;
}
#header ul {
	position:absolute;
	right:0;
	top:70px;
}
#header li {
	padding-left:15px;
	float:left;
}
#header li a {
}
#header li a:hover {
	text-decoration:none;
}
#header h5 {
	width:1244px;
	height:160px;
	position:absolute;
	left:-100px;
	top:0;
}
/*-------------menu--------------------*/
#menu_wrapper {
}
#menu {
	width:740px;
	z-index:999;
	margin:0 auto;
	height:34px;
}
#menu ul {
}
#menu li {
	float:left;
}
#menu li a {
	height:34px;
	line-height:34px;
	width:96px;
	text-align:center;
	margin-right:3px;
	display:block;
	background:url(../images/bg_menu_over.gif) no-repeat left top;
	text-decoration:none;
	color:#222;
	opacity:0.80;
	filter:alpha(opacity=80);
}
#menu li.selected {
	background:url(../images/bg_menu_over.gif) no-repeat left top;
	color:#222;
}
#menu li.selected a {
	opacity:1;
	filter:alpha(opacity=100);
}
#menu li a:hover {
}
#menu li ul {
	position:absolute;
	width:150px;
	display:none;
	background:none;
}
#menu li ul li {
	border:0;
}
#menu li ul li a {
	width:120px;
	background:url(../images/bg_sub_menu.gif) left center;
	line-height:30px;
	height:30px;
	text-align:left;
	padding:0 25px;
	margin:0;
	border-bottom:1px #A4E0EF solid;
	opacity:1;
	filter:alpha(opacity=100);
	color:#333;
}
/*-------------次選單的背景--------------------*/
#menu li ul li.first a {
	padding-top:12px;
	background:url(../images/bg_sub_menu.gif) no-repeat top left;
}
#menu li ul li.first a:hover {
	background:url(../images/bg_sub_menu_over.gif) no-repeat top left;
}
#menu li ul li.last a {
	background:url(../images/bg_sub_menu.gif) no-repeat bottom left;
	border-bottom: none;
}
#menu li ul li.last a:hover {
	background:url(../images/bg_sub_menu_over.gif) no-repeat bottom left;
}
#menu li ul li a:hover {
	background:url(../images/bg_sub_menu_over.gif) no-repeat left center;
	color:#333;
}
/*-------------content--------------------*/
#content {
	width:730px;
	padding:0 25px;
	background:#FFF;
	margin:25px auto 0 auto;
	overflow:auto;
}
#content a {
	text-decoration:underline;
}
#content h1 {
	line-height:30px;
	font-size:16px;
	border-bottom:1px dotted #CCC;
	padding-left:20px;
	background:url(../images/list.gif) no-repeat left 11px;/*FF*/
	background:url(../images/list.gif) no-repeat left 9px \9;/*ie7*/
}
#left {
	float:left;
	width:180px;
}
#right {
	width:525px;
	/*****酷比廣告會撐開*****/
	overflow:hidden;
	float:right;
}
#right h3 {
	font-size:13px;
	color:#09c;
}
.pic_margin {
	margin-top:10px;
}
/*-------------list--------------------*/
#left ul {
	width:180px;
	margin-top:10px;
}
#left li {
	display:block;
}
#left li a {
	display:block;
	width:160px;
	line-height:18px;
	margin-bottom:5px;
	padding:0 0 5px 20px;
	border-bottom:1px dotted #CCC;
	color:#333;
	text-decoration:none;
	background:url(../images/list_g.gif) no-repeat 8px 6px;/*FF*/
	background:url(../images/list_g.gif) no-repeat 8px 4px \9;/*ie7*/
}
#left li a:hover {
	color:#09C;
	background:url(../images/list_b.gif) no-repeat 8px 6px;/*FF*/
	background:url(../images/list_b.gif) no-repeat 8px 4px \9;/*ie7*/
}
/*-------------news--------------------*/
#news {
	margin-top:10px;
}
#news li {
	float:left;
}
#news li a {
	width:217px;
	border-bottom:dotted 1px #ccc;
	height:60px;
	text-decoration:none;
	display:block;
	background:url(../images/news.gif) no-repeat left 4px;
	padding-left:35px;
	color:#333;
	margin:10px 20px 0 0;
	padding-bottom:6px;
}
#news li a p {
	font-weight:bold;
	font-size:11px;
	color:#777;
}
#news li a span {
	color:#0099cc;
	text-decoration:underline;
}
#news li a:hover span {
	color:#0099cc;
}
#news li a:hover {
	color:#09c;
	text-decoration:none;
}
#news li a.nono {
	margin-right:0;
}
/*----fill in table----*/
.table_wrapper {
	padding:5px 20px 20px 20px;
	background:#EEE;
}
.apply_table {
}
.apply_table input {
	height:15px;
	font-size:12px;
}
.apply_table th {
	font-weight:normal;
	vertical-align:middle;
	text-align:right;
	padding:15px 8px 0px 8px;
}
.apply_table td {
	padding:15px 8px 0px 8px;
}
.large_text {
	width:300px;
	font-size:12px;
	font-family:Arial;
}
.small_text {
	width:50px;
}
.mid_text {
	width:90px;
	font-size:12px;
	font-family:Arial;
}
th.necessary {
	border-left:5px solid #F66
}
/*----dispaly table----*/
.from_table {
	border-collapse:separate;
	border-spacing:1px;
	border:#e5e5e5 solid 1px;
}
.from_table th {
	padding:7px 10px;
	background:#e5e5e5;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
}
.from_table td {
	padding:7px 10px;
	background:#F1F1F1;
}
/********照片顯示********** */
#photo_gallery {
	display:block;
	overflow:auto;
}
#photo_gallery li {
	float:left;
}
#photo_gallery li a {
	width:80px;
	height:60px;
	margin:0 10px 10px 0;
	display:block;
	position:relative;
	border:2px solid #CCC;
}
#photo_gallery li a span {
	position:absolute;
	top:0;
	right:0;
	width:16px;
	height:16px;
	text-indent:-9999px;
	background:url(../images/enlarge.gif) no-repeat;
}
#photo_gallery li a:hover {
	border:2px solid #09c;
}
#photo_gallery li a:hover span {
	background:url(../images/enlarge_over.gif) no-repeat;
}
/*點選後跳出燈箱 */
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
	/*按鈕直接出現*/
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink {
	right: 0;
	float: right;
	/*按鈕直接出現*/
	background:url(../images/nextlabel.gif) right 15% no-repeat;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
	/*敘述文字*/
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
}
#imageData {
	padding:0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
/****** tab ******/
.TabbedPanels {
	width:100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
	padding:0;
	height:27px;
	width:100%;
 *height:25px;/*ie6*/
}
.TabbedPanelsTab {
	display:inline;
	margin:0;
	padding:0;
}
.TabbedPanelsTab a {
	float:left;
	background:url("../images/tableft11.gif") no-repeat left top;
	margin-right:3px;
	padding:0 0 0 10px;
	text-decoration:none;
	cursor:pointer;
	color:#666;
}
.TabbedPanelsTab a span {
	float:left;
	display:block;
	background:url("../images/tabright11.gif") no-repeat right top;
	padding:5px 15px 5px 6px;/*FF*/
	padding:6px 15px 4px 6px \9;/*ie7*/
 *padding:5px 15px 4px 6px;/*ie6*/
	text-decoration:none;
}
.TabbedPanelsTab a:hover {
	text-decoration:none;
}
.TabbedPanelsTabSelected a {
	background:url("../images/tableft11.gif") no-repeat 0% -42px;
	color:#333;
}
.TabbedPanelsTabSelected a span {
	background:url("../images/tabright11.gif") no-repeat 100% -42px;
}
.TabbedPanelsContentGroup {
	border-top:1px solid #DDD;
	padding-top:20px;
}
#media img {
	width:120px;
	height:60px;
}
/*-------------footer--------------------*/
#footer {
	width:800px;
	position: relative;
	margin:0 auto;
	height:140px;
    font-size:11px;
	background:url(../images/bg_footer2.png) no-repeat top left;
}
#footer a {
	text-decoration:underline;
}
#footer ul {
	position:absolute;
	left:190px;
	top:50px;
	width:auto;
	height:16px;
	z-index:5;
}
#footer li {
	float:left
}
#footer li a {
	border-left:1px #ddd solid;
	padding-left:10px;
	margin-left:10px;
	line-height:16px;
	display:block;
}
#footer_left {
	position:absolute;
	left:30px;
	top:50px;
}
#footer h2 {
	font-size:13px;
	margin-bottom:3px;
}
#footer p {
	font-weight:normal;
	font-size:11px;
}
#footer h6 {
	position:absolute;
	right:30px;
	top:50px;
	font-weight:normal; font-size:11px;
	color:#888; text-align:right;
}
#footer h4 a {
	position:absolute;
	width:35px;
	height:99px;
	background:url(../images/top.gif) no-repeat right top;
	text-indent:-9999px;
	top:-90px;
	right:-25px;
	cursor:pointer;
}