body { background: url( '../images/top/bg.gif'); margin: 0; color: black; font: .7em Arial, Helvetica, sans-serif; word-wrap: break-word; }

 
a { color: #cc801a; text-decoration: none; cursor: pointer; }
a:hover { color: #fbaf5d; text-decoration: underline; }

h1 {
	font-size: 160%;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 8px 0;
}

h2 {
	font-size: 125%;
	font-weight: bold;
	margin: 0;
	padding-bottom: 5px;
}

form { margin: 0; padding: 0; }
	input[type='text'], input[type='file'], textarea { border: #fba928 1px inset; padding: 3px; font-size: 12px; }
	button { background: #cc801a url('../images/top/button_bg_orange.gif') repeat-x; line-height: 20px; vertical-align: middle; width: 100px; height: 30px; margin: 6px  0 0 20px; color: black; font-weight: bold; cursor: pointer; }
	label { cursor: pointer; margin-right: 0.5em; }

#wrap { margin: 0 auto; text-align: left; width: 780px; w\idth: 780px; }
#wrap ul { padding: 0; margin: 0; list-style: none; }

.whiteBG { background-color: white; }
.lightBG { background-color: #f3f1e4; }
.medBG { background-color: #eae7d3; }
.darkBG { background-color: #ddd8ba; }
.title { font-size: 110%; font-weight:bold; margin-right: 5px; }
.body { color: black; }
.annotateText, .bigEvent .spotlightText { color: #cc801a; }
.datelineText { margin-right: 5px; white-space:nowrap; }
.row { clear: both; }
.btnArrow { background: no-repeat left url('../images/top/button-arrow.gif'); padding-left: 16px; }
.floatLeft { float: left; }
.floatRight { float: right; }

.photoFrame { background: url('../images/top/bg-frame.gif'); padding: 3px; }
.photoFrame:hover { background: none; background-color: #fbaf5d; }
.flameFrame { background: url('../images/top/bg-frame-flame-lg.gif') no-repeat; padding: 10px 3px 2px 3px; }
.flameFrame:hover { background: none; background-color: #fbaf5d; }

.itemFooter {
	text-align: right; font-size: 100%; font-variant: small-caps;
}
	.itemFooter li { display: inline; }
	.itemFooter li img { vertical-align: middle; }

li.itemManage {	text-align: center; font-size: 100%; font-variant: small-caps; }

#contentWrap { background: white; }	
#columnLeft {
	background: url('../images/top/bg-left.gif');
	width: 350px;
	float: left;
	margin: 0 0 30px 2px;
}

#columnLeft .header {
	width: 350px;
	height: 24px;
	background: url('../images/top/bg-header-left.gif') no-repeat;
	clear: both;
}

#columnLeft .headerTitle {
	width: 350px; height: 24px; text-indent: -9999em;
}

#columnLeftLg {
	background: url('../images/top/bg-leftlg.gif');
	width: 590px;
	float: left;
	margin: 2px 0 30px 2px;
}

#columnFull{
	background: url('../images/top/bg-left.gif');
	width: 764px;
	float: left;
	margin: 8px;
}

#columnCenter {
	background-color: #ddd8ba;
	width: 235px;
	margin: 0 0 0 354px;
}

#columnCenter .header {
	width: 235px;
	height: 24px;
	list-style: none;
	background: url('../images/top/bg-header-center.gif') no-repeat;
}

#columnCenter .headerTitle {
	width: 235px; height: 24px; text-indent: -9999em;
}

#columnRight {
	background-color: #fbfbef;
	width: 180px;
	float: right;
	margin: 0 2px 30px 0;
}

#columnRight .header {
	width: 180px;
	height: 24px;
	background: url('../images/top/bg-header-right.gif') no-repeat;
	clear: both;
}

#columnRight .headerTitle {
	width: 180px; height: 24px; text-indent: -9999em;
}

#columnLeft .moduleContent, #columnLeftLg .moduleContent { padding: 10px 7px 12px 7px; list-style:none; background-image: url('../images/top/bg-left.gif'); }
#columnCenter .moduleContent, #columnCenter li.moduleContent { padding: 10px 0 5px 0; list-style:none; }
#columnCenter .moduleTableContent td { vertical-align: top; text-align: center; }
#columnRight .moduleContent { background-color: #fbfbef; border: 1px solid #d9922a; border-bottom: 0; text-align: center; }
#columnRight .moduleInnerBottom { width: 168px; height: 6px; background: url('../images/top/border-rightcol-inner-lower.gif') no-repeat; clear: both; padding-bottom: 10px; }
#columnRight .moduleContentBottom { width: 180px; height: 6px; background: url('../images/top/border-rightcol-outer-lower.gif') no-repeat; clear: both; padding-bottom: 5px; }
#columnRight .moduleContentMargin { margin: 5px 5px 0 5px; }
#columnRight .textAbout { margin: 10px 10px 0 10px; text-align: justify; }
#columnRight .txtBtn { font-weight: bold; color: black; }
#columnRight .noBorderTopBottom { border-bottom: none; border-top: none; }
#columnRight .moduleInnerTop { width: 168px; height: 11px; background: url('../images/top/border-rightcol-inner-upper.gif') no-repeat; background-position: bottom; clear: both; }
#columnRight .moduleContentMarginUser { margin: 0 5px 0 5px; }
#columnRight h2 { text-align: center; padding: 8px 0 8px 0; }

.bigSpotlight .spotlightText { padding-bottom: 8px; }
.bigSpotlight .content { padding: 12px; background-color: white; }
.bigSpotlight .photoFrame {padding: 8px;}
 
.smallSpotlight { background-color: #e9e5d0; margin: 7px 0 7px 0; padding: 0px; min-height: 81px; height: auto; clear: both; }
* html .smallSpotlight { height: 75px; }
.smallSpotlight .outerFrame { background: url('../images/top/bg-left.gif'); width: 110px; height: 85px; float: left; margin-right: 12px; }
.smallSpotlight .content { padding: 12px; }
.smallSpotlight .spotlightText { padding-bottom: 8px; }

.bigPhoto, .bigStore .photoFrame, .bigEvent .photoFrame { float: left; }

.bigStore{ padding: 10px; border-bottom: #ddd9ba 1px solid; }
.bigStore h1 { font-size: 130%; }
.bigStore .spotlightText { font-size: 100%; color: black;　}

.bigNews { padding: 10px;  border-bottom: #ddd9ba 1px solid; }
.bigNews.newsText { padding-bottom: 8px; }
.smallNews{ padding: 10px 20px 10px 20px; list-style: none; border-bottom: #ddd9ba 1px solid; text-align: left; }
.smallNews .body { margin-right: 8px; }

.bigEvent { padding: 10px;  border-bottom: #ddd9ba 1px solid; }
.bigEvent.eventText { padding-bottom: 8px; }
.smallEvent{ padding: 10px 20px 10px 20px; list-style: none;  border-bottom: #ddd9ba 1px solid; text-align: left; }
.smallEvent .body { margin-right: 8px; }

.smallForum { padding: 10px 20px 10px 20px; list-style: none; border-bottom: #ddd9ba 1px solid; text-align: left; }
.smallForum .body { margin-right: 8px; }

.smallPhoto { width: 106px; text-align: center; padding: 0 5px 10px 5px; }
.smallPhoto .content { padding: 5px; background-color: white; }

.smallFan { width: 106px; text-align: center; padding: 0 5px 10px 5px; float: left; }
.smallFan .content { padding: 5px; background-color: white; }

.bigBlog .content { margin: 0 0 2px 0; padding: 10px; background: none; border: 1px solid #f3f1e4; }
.bigBlog .bigBlogText { padding-bottom: 8px; }
.bigBlog .photoFrame {text-align: center;}
.bigBlog h1 {font-size:120%;}
.smallBlog { list-style: none; }
.smallBlogBody { padding: 6px; text-align: left; }
.smallBlog .title { font-size: 110%; }

#innerModule { background-color: white; border: 1px solid #d9922a; border-bottom: 0; text-align: center; list-style: none; }
#innerModule li { padding: 5px 0 5px 0; }
#innerModule .inputText { width: 140px; border: #fba928 1px inset; padding: 3px; font-size: 11px; text-align: center; margin: 0 8px 0 8px;}
#innerModule .checkbox { width: 12px; height: 12px; margin-right: 8px; }
#innerModule .btnLogin { margin: 0 41px 0 41px; width: 83px; height: 23px; background: url('../images/top/button-round.gif') no-repeat; vertical-align: middle; }
#buttonBar li { margin: 1px 7px 0 7px; padding: 0; background: url('../images/top/button-rect.gif') no-repeat; vertical-align: middle; width: 152px; height: 21px; color: #000000; font-weight: bold; text-align:center}
#buttonBar .userModBtn { position: relative; top: 3px; }
#columnRight .statsBar li { text-align: left; padding: 5px 10px 0 20px; }
#columnRight .statsBar li ul li { padding: 0px 10px 5px 10px; }
#alertsBar li { text-align: left; padding: 5px 10px 0 20px; }
#alertsBar .alertItem { width: 120px; margin: 5px 0 0 15px; padding: 0 0 0 20px; background-repeat: no-repeat; background-position: top left; background-image: url('/images/top/button-alert.gif'); }
#alertsBar .alertItemHide { width: 145px; margin: 5px 0 0 10px; padding: 0; }
#alertsBar .toggleMenu { cursor: pointer; margin: 5px 0 0 15px; padding: 0 0 0 20px; background-repeat: no-repeat; background-position: top left; background-image: url('/images/top/button-plus.gif'); }
#alertsBar .toggleMenuOpen { background-image: url('/images/top/button-minus.gif'); }
 { background-image: url('/images/top/button-minus.gif'); }
#alertsBar .alertsMenu { border: 1px dotted; border-color: gray; padding: 5px 0 5px 0; margin: 5px 5px 5px -30px; }
#alertsBar .alertsMenu li { padding: 0 10px 10px 10px; }
#alertsBar .alertsMenuText { color: black; }
#feedsBar { padding-top: 10px; text-align: left; }
#feedsBar .toggleMenu { cursor: pointer; margin: 5px 0 0 15px; padding: 0 0 0 20px; background-repeat: no-repeat; background-position: top left; }
#feedsBar .iconBar { list-style: none; display: block; overflow: hidden; padding: 0; margin: 0; }
#feedsBar .feedMenu { border: 1px dotted; border-color: gray; padding: 5px 0 5px 0; margin: 5px 5px 5px -30px; }
#feedsBar .feedMenuText { color: black; }
#feedsBar .upFeedIcon { display: inline; background-repeat: no-repeat; margin: 0; padding: 0; }
.toggleMenuHead { text-decoration: none; }
.toggleMenuHead:hover { text-decoration: underline; }

.menubar { background-color: #f2f0e1; border: 1px solid #d1d0ce; padding: 8px; margin: 20px 0 5px 0; color: black; font-weight: bold; }
.menubar a, .menubar a:hover { color: black; }

.block { border: 1px solid #cecece; padding: 10px; margin-bottom: 10px; background: white; }
.menubg { background-color: white; }

a.more { text-align: right; style=font-style: normal; font-variant: small-caps; }

/*-----------------------------------------------------------------------------------佈局*/

.contentL {
	width: 100%; background: url(../images/new/bg.gif) repeat-y -590px 0; 
}
* html .contentL { height: 1%; }
*>.contentL { overflow: hidden; }

.contentBox {padding: 10px 7px 12px 7px; }

.sideL { width: 210px; float: left; overflow: hidden; }
.sideR { width: 190px; float: right; overflow: hidden; }
/*中間部分樣式*/
.mainarea { font-size: 110%; }
.contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
.contentR .mainarea, #panel .mainarea { width: 552px; background: white; padding: 12px; }
.contentR .blocktitle, #panel .blocktitle { width: 552px; height: 25px; background: url(../images/top/block-leftlg-top-green.gif) top left no-repeat; line-height: 25px; vertical-align: middle; color: white; font-size: 110%; padding: 0 12px 0 12px; }
.contentR .blocktitlelg, #panel .blocktitlelg { height: 35px; background: url(../images/top/block-leftlg-top-green-tall.gif) top left no-repeat; line-height: 35px; font-size: 150%; }
.blocktitle .title { float: left; font-weight: bold; }
.blocktitle a.blocklink, .blocktitle a.blocklink:visited  { color: white; font-variant: small-caps; }
.blocktitle a.blocklink:hover { color: #fbaf6d; }
.blocktitle .more { float: right; }
.contentR .blockbottom, #panel .blockbottom { width: 576px; height: 5px; background: url(../images/top/block-leftlg-bottom.gif) top left no-repeat; margin-bottom: 15px; padding: 0; }

.smalltxt { font-size: 90%; color: #cc801a; font-weight: normal; }

/*AJAX div*/
.xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
	.xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
		.xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
	.xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
		.xspace-ajaxcontent form { margin: 0; }

/* 分頁 */
.pages { text-align: right; }
.xspace-page { margin: 2px 2px 2px auto; }
	table.xspace-page a { display: block; background: #ddd8ba; padding: 0.3em 0.5em; text-decoration: none; }
		table.xspace-page a:hover { background: #f3f1e4; }
	table.xspace-page td.xspace-current { background: #f3f1e4; padding: 0.3em 0.5em; font-weight: bold; }
	table.xspace-page td.xspace-totlerecord, .xspace-page td.xspace-totlepages { background: #ddd8ba; padding: 0.3em 0.5em; }

#panel { width: 576px; overflow: hidden; margin: 30px auto; }
.loginarea { width: 300px; float: left; }

/*-----------------------------------------------------------------------------------文章顯示頁面*/
/*側邊版塊*/
.sideblock { border-bottom: 1px dashed gray; padding: 6px 0 12px 0; }
	.sideblock h3 { margin: 0; font-size: 150%; }
	.sideblock p { margin: 0.3em; line-height: 1.6em; }
		.headimg { float: right; margin: 5px 0 2px 5px; width: 80px; height: 80px; border: 4px solid #E2F0F9; }

	/*側邊多行列表*/
	.sideblock dl { margin: 0; padding: 3px 0 10px; width: 100%; overflow: hidden; }
		.sideblock dt { padding-left: 20px; padding-bottom: 10px; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; font-weight: bold; font-size: 100%; }
		.sideblock dd { color: #999; padding-bottom: 10px; }
			.sideblock dd a { color: #999; }

#articledetail { }
	.articletitle { font-size: 150%; line-height: normal; margin: 0; }
	.articleinfo { line-height: normal; margin: 0; }
	.articlectrl { margin: 0.5em 0 1.5em; }

	#articlebody { margin: 10px auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; text-align: justify; }
		#articlebody * { line-height: normal; }
			#articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
				#articlebody  p *, #articlebody  div * { line-height: normal !important; }
	
	/*自定義信息*/
	#articlebody .addoninfo { border: 1px solid #EEE; }
		#articlebody .addoninfo h5 { font-size: 1em; margin: 0; line-height: 2em !important; border-bottom: 1px solid #EEE; padding-left: 1em; }
		#articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
			#articlebody .addoninfo li { line-height: 1.6em !important; }
	
	#articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
		.imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
	
	#articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }

/*評論列表 */
#commentlist { overflow: hidden; }
	#commentlist img { max-width: 500px; width: expression(this.width > 500 ? 500: true); }
	#commentlistfooter { padding-bottom: 12px; }
	#commentlistfooter .more { float: right; font-variant: small-caps; }

/*發表評論*/
#comment { clear: both; border: #cc801a 1px solid; line-height: normal; padding: 12px; }
#comment p { margin: 6px; }
	#comment h3 { font-size: 90%; margin: 0; }
	#comment label { font-weight: bold; font-size: 90%; color: black; }
	.seccodeline * { vertical-align: middle; }
	#xspace-rates { height: 2em; }
		#xspace-rates a { border: 1px solid #999999; text-decoration: none; height: 20px; text-align: center; line-height: 20px; margin: 0 2px; padding: 2px 5px 2px 5px; }
			#xspace-rates a:hover { border-color: #fbaf5d; }
			.xspace-rates-5 #xspace-rate-5, .xspace-rates-3 #xspace-rate-3, .xspace-rates-1 #xspace-rate-1, .xspace-rates0 #xspace-rate0, .xspace-rates1 #xspace-rate1, .xspace-rates3 #xspace-rate3, .xspace-rates5 #xspace-rate5 { background: #cc801a; border-color: #999999; color: white; font-weight: bold; }
	#seccode { width: 40px; border: #fba928 1px inset; padding: 3px; font-size: 14px; font-weight: bold; text-align: center; margin-right: 8px; }
	#comment .inputCheckbox { width: 12px; height: 12px; margin-right: 8px; }

/*-----------------------------------------------------------------------------------用戶相關*/

#panel { width: 600px; overflow: hidden; margin: 1em auto; }
#userpanel fieldset, #loginform fieldset, #signform fieldset { border: none; margin: 0; padding: 0; }
#userpanel legend, #loginform legend, #signform legend { display: none; }

/*-----------------------------------------------------------------------------------各版塊樣式*/
/*單行信息列表*/
.msgtitlelist { margin: 0; padding: 5px 0; list-style: none; line-height: 1.6em; background: #FFF; }
	.msgtitlelist li { padding-left: 0.8em; margin-bottom: 8px; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
	.mainarea .msgtitlelist { font-size: 100%; }

/*多行帶摘要信息列表*/
.messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
	.messagelist li { border-bottom: 1px dashed gray; padding: 6px 0 12px 0; margin-bottom: 6px;}
		.messagelist li h4 { font-size: 125%; font-weight: bold; margin: 0; line-height: normal; }
			.messagelist li h4 a { color: black; text-decoration: none; }
				.messagelist li h4 a:hover { color: #fbaf5d; text-decoration: underline; }
		.messagelist li p { margin: 0; }

/*圖片列表*/
.imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
	/*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
		.imgthumblist li { float: left; display: inline; text-align: center; background: #f3f1e4;; width: 112px; height: 163px; w\idth: 104px; he\ight: 155px; overflow: hidden; border: 1px solid #e9e7d8; padding: 3px; margin: 3px; }
			.imgthumblist li.list1line { height: 123px; he\ight: 115px; }
			.imgthumblist li.list2line { height: 143px; he\ight: 135px; }
				.contentL .imgthumblist li { margin: 0 1px 3px; }
			.imgthumblist p { margin: 0; line-height: 18px; }

			.imgthumblist div { line-height: 90px; font-size: 90px; height: 100px; display: table; }
				.imgthumblist div a { display: table-cell !important; display: block; width: 100px; vertical-align: middle; border-color: #cc801a; }
					.imgthumblist div img { vertical-align: middle; max-width: 100px; max-height: 100px; width: expression(this.width >100 && this.height < this.width ? 100: true); height: expression(this.height > 100 ? 100: true); font-size: 10px; }
					@media all and (min-width: 0px){ .imgthumblist div img { width: 100px; height: 75px; } } /*for Opera Only*/

			li.smallthumb { width: 83px; height: 100px; w\idth: 75px; he\ight: 92px; }
				li.smallthumb div { line-height: 65px; font-size: 65px; height: 75px; }
					li.smallthumb div a { width: 75px; }
						li.smallthumb div img {  max-width: 75px; max-height: 75px; width: expression(this.width >75 && this.height < this.width ? 75: true); height: expression(this.height > 75 ? 75: true); }			
						@media all and (min-width: 0px){ li.smallthumb div img { width: 75px; height: 75px; } } /*for Opera Only*/
			.imgthumblist div a:hover { background: #fbaf5d; }

/*申請個人空間*/
#signform p { border-bottom: 1px dashed gray; height: 1%; overflow: hidden; margin: 0; padding: 0.3em; line-height: 20px; }
	#signform p strong { float: left; }
		#signform li p { height: auto; border: none; }
	#signform button { line-height: 30px; height: 30px; padding: 0 5em; }

/*-----------------------------------------------------------------------------------其他頁面*/
/*搜索*/
#search { width: 500px; margin: 3em auto 1em auto; position: relative; border: 1px solid #cecece; background: white; }
	#searchtabs { height: 23px; margin: 0; position: absolute; top: -24px !important; top: -23px; }
		#searchtabs span { float: left; background: #f3f1e4; margin: 0 4px -1px 0; cursor: pointer; border: 1px solid #cecece; padding: 0 1em; line-height: 22px; }
			#searchtabs span.active { border-bottom: 1px solid white; background: white; font-weight: bold; }
#searchresults { width: 500px; margin: 4em auto; top: 20px; position: relative; border: 1px solid #cecece; background: white; }
	#searchresultstabs { height: 40px; margin: 0; position: absolute; top: -40px !important; top: -39px; }
		#searchresultstabs span { float: left; background: #f3f1e4; margin: 0 4px -1px 0; cursor: pointer; border: 1px solid #cecece; padding: 0 6px 0 6px; line-height: 38px; }
			#searchresultstabs span.active { border-bottom: 1px solid white; background: white; font-weight: bold; cursor: default; }
	#search form { text-align: center; margin: 1em 0 1em 0; }
		#search form label { font-weight: bold; font-size: 110%; }
		#search form input { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; width: 150px; height: 16px; padding: 2px; }
		#search form button.searchbtn { margin: 0; height: 25px; line-height: 20px; }
	#search .open { text-align: left !important; line-height: 30px; margin: 2em !important; }
		#search .open div div { clear: both; padding-left: 7em; }
		#search .open label { float: left; width: 7em; }
			#search .open div label { margin-left: -7em; }
		#search .open  button { float: right; }
	#search .open fieldset { border: none; margin: 0; padding: 0; }
		#search .open fieldset label { float: none; margin: auto; white-space: nowrap; margin-right: 1em; }

/*項目列表*/		
.xspace-itemlist { margin: 0.5em 0; padding: 0; list-style: none; line-height: 1.5em; }
	.xspace-itemlist li { border-bottom: 1px solid #EEE; padding-bottom: 0.4em; margin-bottom: 0.4em; }
		/*\*/ * html .xspace-itemlist li { height: 1%; } /**/ *>.xspace-itemlist li { overflow: hidden; }
	.xspace-itemlist p, h4.xspace-entrytitle { margin: 0.2em 0; }
		h4.xspace-entrytitle { font-size: 1.2em; margin: 0.3em 0; }
			h4.xspace-entrytitle img { font-size: 1px; }
		
			/*好友列表*/
	li.xspace-friendlist p, li.xspace-friendlist h4.xspace-entrytitle { margin-left: 70px; }
		li.xspace-friendlist h4.xspace-entrytitle { font-size: 1.3em; margin-top: 10px; }
		.xspace-friendavatar { width: 58px; height: 58px; w\idth: 48px; he\ight: 48px; float: left; margin-left: -70px; }
.xspace-entryphoto, .xspace-friendavatar { margin: 0; width: 100px; height: 75px; margin: 0 12px 12px 0; }
.shoutbox_refresh { 
width: 16px;
height: 16px;
cursor: pointer; float: right; position: relative; top: -20px; left: -4px;
background: no-repeat left url(../images/icon_refresh.gif);
 }

.shoutbox_newwin { 
width: 16px;
height: 16px;
cursor: pointer; float: right; position: relative; top: -20px; left: -4px;
background: no-repeat left url(../images/icon_newwin.gif);
 }

.stage-leaderboard { background-color: #31301E; }