/**
 *	全域樣式
 */
A IMG {
	border								: none;
}

A:active, A:focus {
	outline							: none;
}

A {
	color								: #333;
	text-decoration					: none;
}

A:hover {
	color								: #F60;
	text-decoration					: none;
}

LI {
	list-style							: none;
}

/**
 *	ContentBody 區域樣式
 */
#ContentBody {
	width								: auto;
	float								: left;
	font-family						: "文泉驛正黑", "新細明體";
}

#ContentBody H1 {
	font-size							: 1.2em;
	line-height						: normal;
	margin								: 2px 0 5px;
	text-transform					: uppercase;
	border-bottom						: 1px dotted #999;
	overflow							: hidden;
	position							: relative;
	width								: auto;
	clear								: both;
}

#ContentBody P.SubTitle {
	font-size							: 1.1em;
	font-weight						: bold;
	background-color					: #F60;
	padding							: 2px 5px 1px 3px;
	display							: inline;
	color								: #333;
	-moz-border-radius-bottomright		: 6px;
	-moz-border-radius-topright			: 6px;
	-webkit-border-radius-bottomright	: 6px;
	-webkit-border-radius-topright		: 6px;
}

#ContentBody P.Information {
	font-size							: 0.9em;
	text-transform					: uppercase;
	color								: #F0F0F0;
	padding							: 2px 5px 1px 3px;
}

#ContentBody SPAN.TitlePrefix {
	color								: #600;
}

/**
 *	UL 細部樣式
 */
UL.AnimationBox, UL.PictureBox {
	font-family						: "文泉驛正黑", "新細明體";
	list-style							: none;
	margin								: 0 0 10px;
	overflow							: hidden;
}

UL.AnimationBox LI DIV.BoxContainer {
	position							: relative;
	overflow							: hidden;
	width								: 224px;
	height								: 70px;
	margin								: 0 5px 5px 0;
	float								: left;
	border								: 5px solid #222;
	cursor								: pointer;
}

UL.AnimationBox LI:hover DIV.BoxContainer {
	border								: 5px solid #F60;
}

UL.AnimationBox LI DIV.InfoCaption {
	padding-top						: 12px;
	padding-left						: 15px;
	color								: #F0F0F0;
	font-weight						: bold;
	width								: 224px;
	height								: 70px;
	background							: url('../images/pic_box.png');
}

UL.AnimationBox LI DIV.InfoCaption IMG {
	vertical-align					: middle;
}

UL.AnimationBox LI DIV.InfoBox {
	position							: absolute;
	bottom								: -42px;
	left								: 0px;
	background							: #222;
	height								: 70px;
	width								: 224px;
}

UL.AnimationBox LI DIV.InfoBox H2 {
	padding							: 4px 3px;
	text-decoration					: none;
	color								: #F0F0F0;
}

UL.AnimationBox LI DIV.InfoBox H2 A {
	font-size							: 0.9em;
}

UL.AnimationBox LI DIV.InfoBox A {
	color								: #F0F0F0;
}

UL.AnimationBox LI DIV.InfoBox A:hover {
	border-bottom						: 1px dotted #F0F0F0;
}

UL.PictureBox LI A {
	width								: 54px;
	height								: 54px;
	margin								: 0 5px 5px 0;
	float								: left;
}

UL.PictureBox LI A IMG {
	border								: 5px solid #222;
}
	
UL.PictureBox LI A IMG.active {
	border								: 5px solid #F60;
}

/**
 *	修正用 Style & CSS Hack
 */
/* Staircase effect on IE6 */
UL.AnimationBox LI, UL.PictureBox LI {
	display							: inline;
}

/**
 *	前端 Tab 樣式
 */
#tabrow {
	margin								: 0;
	padding-left						: 1ex;
	min-width							: 800px;
	font-size							: small;
	letter-spacing					: 0.3pt;
	line-height						: 1;
	height								: 24px;
	margin-top							: 1em;
	margin-bottom						: -1em;
}

#tabrow UL {
	margin								: 0;
	padding							: 0;
	position							: absolute;
	z-index							: 2;
}

#tabrow LI {
	list-style							: none;
	float								: left;
	background-color					: #F7B10F;
	color								: #000;
	margin-right						: 5px;
	padding							: 5px;
	-webkit-border-top-left-radius		: 5px;
	-webkit-border-top-right-radius		: 5px;
	-moz-border-radius-topleft			: 5px;
	-moz-border-radius-topright			: 5px;
	border-top							: solid #96460F 1px;
	border-left						: solid #96460F 1px;
	border-right						: solid #96460F 1px;
	border-bottom-width				: 0;
	border-bottom-color				: transparent;
	cursor								: pointer;
}

#tabrow LI.select {
	background-color					: #FFF6D5;
	color								: #763509;
	height								: 14px;
}

/**
 *	前端 topbox, midbox 樣式
 */
#topbox, #midbox, #bottombox {
	width								: 100%;
	-webkit-border-radius				: 5px;
	-moz-border-radius					: 5px;
}

#topbox {
	background-color					: #FFF1C7;
	border								: solid #96460F 1px;
}

#topbox H1 {
	border-bottom						: 0px;
	font-size							: x-large;
	color								: #d18846;
	padding							: 5pt 0 5pt;
}

#topbox H2 {
	color								: #000;
	font-size							: large;
	padding							: 0 0 10pt;
}

#topbox H1, #topbox H2 {
	margin								: 0 15pt;
}

#midbox, #bottombox {
	margin-top							: 1em;
	border								: solid #96460F 1px;
	background-color					: #FFF6D5;
}

#midbox P, #bottombox P {
	margin								: 0;
	padding-bottom					: 1ex;
}

DIV.subpage {
	padding							: 1em;
}

/**
 *	Corner 樣式 in DIV
 */
#bottombox DIV.contents {
	margin								: 1em;
	padding							: 1em 0.5em 0.5em 1em;
	width								: auto;
	border								: solid #FFF 3px;
	background							: #F7B10F url(../images/backrepeat.jpg) repeat-x;
	color								: #333
	text-align							: left;
	line-height						: 2em;
	-webkit-border-radius				: 10px;
	-moz-border-radius					: 10px;
}

#bottombox DIV.caption {
	margin-top							: -2em;
	margin-left						: 0.5em;
	width								: 150px;
	padding							: 0.2em;
	border								: solid #FFF 3px;
	background-color					: #FFF6D5;
	color								: #96460F;
	text-align							: center;
	line-height						: 1em;
	-webkit-border-radius				: 10px;
	-moz-border-radius					: 10px;
}

/**
 *	ImgPreview 樣式
 */
.ImgPreview {  
	float					: left;
	background				: url() no-repeat center 50% #FFFAD9;
	width					: 160px;
	height					: 120px;
	border					: solid #96460F 1px;
	margin					: 0 5px;
	cursor					: pointer;
}