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

/* layout */
.fL {
	float:left;
}
.fR {
	float:right;
}
.br {
	clear:both;
}
table.tb th, table.tb td {
	padding:5px;
}


/* menu */
.hideTxt {
	display:block;
	overflow:hidden;
	width:0; height:0;
	text-indent:-1000px;
}
.hide {
	display:none;
}
.show {
	display:block;
}

.customV li,
.customH li,
.customV,
.customH,
.customMenu,
.customContent,
.customNav {
	margin-left:0;
}

.customV li,
.customH li,
.customMenu li,
.customContent li,
.customNav li {
	list-style:none;
}

.customH li,
.customContent li,
.customNav li,
.customH dt,
.customH dd {
	float:left;
}

/* form */
.customForm .txt,
.customForm .btn {
	background:none;
	border:0;
}
.customForm .txt {
	border:1px #ccc solid;
	background:url(../images/selectBg.gif) repeat-x #f9f9f9;
	padding:2px;
}
.customForm .btn {
	padding:0;
	cursor:pointer;
}
.customForm select {
	border:1px #ccc solid;
	background:url(../images/selectBg.gif) repeat-x #f9f9f9;
}

/* font */
.sfont {
	font-size:14px;
	/*
	*font-size:10px;
	font-size:10px \9;
	_font-size:10px;
	*/
}
.xsfont {
	font-size:12px;
	/*
	*font-size:9px;
	font-size:9px \9;
	_font-size:9px;
	*/
}
.blue {
	color:#0088cd;
}
.orange {
	color:#ff6200;
	font-weight:normal;
}

/* btn */
.switchBtn {
	display:inline-block;
	margin-left:9px;
	width:154px;
}
.switchBtn a {
	width:73px; height:27px;
	line-height:27px;
	color:#bbb;
	display:block;
	text-align:center;
	overflow:hidden;
	background:url(../images/switch.gif) no-repeat left top;
	margin-right:3px;
}
.switchBtn a:hover,
.switchBtn a.step {
	background-position:left bottom;
	color:#777;
}

.printBtn {
	background:url(../images/print.gif) no-repeat left center;
	padding-left:19px;
}

.historyBack {
	background:url(../images/historyBack.gif) no-repeat center center;
	width:24px; height:20px;
	float:right;
}

.zoom {
	background:url(../images/collection_zoom.gif) no-repeat left top;
	width:20px; height:20px;
	position:absolute;
	bottom:7px; right:7px;
	z-index:3;
}
body .zoom.step {
	background-position:left bottom;
}

.more {
	background:url(../images/more.gif) no-repeat;
	width:60px; height:15px;
}
.more:hover {
	background-position:left bottom;
}

.close {
	background:url(../images/close.gif) no-repeat;
	width:60px; height:15px;
}
.close:hover {
	background-position:left bottom;
}

.share {
	background:url(../images/share.gif) no-repeat;
	width:54px; height:21px;
}
.share:hover {
	background-position:left bottom;
}

.download {
	background:url(../images/download.gif) no-repeat;
	width:86px; height:21px;
}
.download:hover {
	background-position:left bottom;
}

.onlineApply {
	background:url(../images/onlineApply.gif) no-repeat;
	width:86px; height:21px;
}
.onlineApply:hover {
	background-position:left bottom;
}

.optPbt {
	float:right;
	margin-top:10px;
	margin-bottom:2px;
}
.optPbt a {
	border:1px #dbdbdb solid;
	display:inline-block;
	line-height:12px;
	_line-height:14px;
	line-height:14px \9;
	*line-height:14px;
	height:17px;
	padding:7px;
	padding-top:0;
	padding-bottom:0;
	overflow:hidden;
}
.optPbt .prev {
	
}
.optPbt .next {
	margin-left:-1px;
}

/* icon */
.backtop {
	background:url("../images/backTop.gif") no-repeat;
	width:808px; height:14px;
	clear:both;
	display:block;
	margin-top:15px;
}
.loading {
	background:url(../images/loading.gif) no-repeat center center;
	position:absolute;
	top:0; left:0;
	width:100%; height:90%;
}
.star {
	font:10pt Times;
	margin-right:2px;
}

/* other */
.frame {
	border:8px #e6e4e5 solid;
}
.frameS {
	border:1px #ccc solid;
}

.pageBtn {
	font-size:7pt;
	text-align:center;
	width:100%;
	margin-top:15px;
	padding-bottom:1px;
}
.pageBtn a {
	background:#fff;
	padding:2px 7px 2px 7px;
	border:1px #d0d0d0 solid;
	display:inline-block;
	line-height:15px;
	white-space:nowrap;
	color:#777;
	vertical-align:middle;
	margin-right:3px;
}
.pageBtn a:hover,
.pageBtn a.step {
	background:url(../images/page-hit.gif) repeat-x #0d9dee;
	color:#fff;
}
.pageBtn a.prev,
.pageBtn a.next {
	font:9pt "新細明體";
	width:6px; height:15px;
}

.postTime {
	margin:90px 0 5px 0;
}
.postTime .time {
	color:#ff8400;
}

/* line */
.shadowLine {
	background:url(../images/shadowLine.gif) repeat-x;
	padding-top:12px;
}