/*
Offical Style for Discuz!(R)
URL: http://www.discuz.net
(C) 2001-2007 Comsenz Inc.
<style type="text/css">
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Common Style ~~~~ */

* { word-wrap: break-word; }
body { background: #FFFFFF; text-align: center; }
body, td, input, textarea, select, button { color: #000000; font: 13px/1.6em Tahoma, Verdana; }
body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
#menu li, .popupmenu_popup li, #announcement li, .portalbox li, .tabs li, .postmessage fieldset li, .side li, .formbox li, .notice li { list-style: none; }
a { color: #000000; text-decoration: none; }
	a:hover { text-decoration: underline; }
	a img { border: none; }
em, cite, strong, th { font-style: normal; font-weight: normal; }
table { empty-cells: show; border-collapse: collapse; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Layout & Block Style ~~~~ */

.wrap { width: 98%; text-align: left; margin: 0 auto; }
.notice { font-size: 16px; border: 1px solid #EDEDCE; background: #FFFFF2 url(/images/discuss_style/notice.gif) no-repeat 1em 0.7em; padding: 0.5em 1em 0.3em 3em; margin-bottom: 10px; color: #333333; }
.message { margin: 3em 10em 5em !important; }
	.message h1 { line-height: 26px; border: 1px solid; background: #FFF url("../../images/discuss_style/portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 0; border-color: #F8F8F8 #F8F8F8 #C3C3C3 #F8F8F8; padding-left: 1em; margin-bottom: 1em; }
	.message p { margin: 1.5em 1em; }
	.message a { color: #003080; }
#header { width: 100%; overflow: hidden; }
	#header h2 { float: left; padding: 5px 0; }
#footer { border-top: 1px solid #000000; background: #E8E8E8; color: #000000; padding: 12px 0; }
	#footlinks { float: right; margin-top: -3px; text-align: right; }
	#footer img { float: left; margin: 0 10px 0 0; }
	#copyright, #debuginfo { font: 11px/1.5em Arial, Tahoma; }
		#copyright strong, #copyright em { font-weight: bold; }
			#copyright strong a { color: #0954A6; }
			#copyright em { color: #FF9D25; }
			#debuginfo { color: #333333; }
	.scrolltop { cursor: pointer; }
#menu { height: 31px; border: 0px solid #C3C3C3; background: url("../../images/discuss_style/top_menu_bg.gif"); background-repeat: repeat-x; }
	#menu ul { float: right; padding: 4px 10px 0; border-right: 0px solid #F8F8F8; }
		#menu li { float: left; }
			#menu li a { text-decoration: none; float: left; color: #FFFFFF; padding: 4px 8px 3px; background: url(/images/discuss_style/menu_itemline.gif) no-repeat 0 6px; }
				#menu li.hover, #menu li.current { background-color: #FFFFFF; border: 1px solid; border-color: #C3C3C3 #C3C3C3 #FFFFFF; }
					#menu li.current { color: #333333; font-weight: bold; }
					#menu li.hover a { color: #333333; padding: 3px 7px; background-image: none; }
					#menu li.current a { color: #333333; padding: 4px 7px 3px; background-image: none; }
			#menu cite a { font-weight: bold; background-image: none; }
	.frameswitch { float: left; height: 30px; line-height: 30px; padding-left: 10px; border-left: 1px solid #F8F8F8; }
		#menu a.frameoff, #menu a.frameon { float: left; border: none; padding-left: 16px; margin-left: 0; background: no-repeat 0 50%; }
			#menu a.frameoff { background-image: url(/images/discuss_style/frame_off.gif); }
			#menu a.frameon { background-image: url(/images/discuss_style/frame_on.gif); }
#foruminfo, #forummoderator { width: 100%; overflow: hidden; margin: 10px 0; color: #000000; }
	#userinfo, #foruminfo #nav, #forummoderator #nav { float: left; padding-left: 5px; }
	#forumstats, #headsearch { float: right; text-align: right; padding-right: 5px; }
	#foruminfo p, #forummoderator p { margin: 0; }
		#foruminfo a, #forummoderator a{ color: #003080; }
		#foruminfo em, #forummoderator em { color: #000000; }
		#foruminfo cite, #forummoderator cite { font-weight: bold; }
			#foruminfo strong a, #forummoderator strong a { font-weight: bold; color: #000000; }
	#nav { margin: 10px 5px; }
		#foruminfo #nav, #forummoderator #nav { margin: 0; }
		#userinfo #nav { float: none; padding: 0; }
			#nav a { font-weight: bold; color: #003080; }
#announcement { border-top: 1px dashed #C3C3C3; line-height: 36px; height: 36px; overflow: hidden; }
	#announcement div { border: 1px solid #FFFFFF; padding: 0 10px; line-height: 35px !important; height: 36px; overflow-y: hidden;}
		#announcement li { float: left; margin-right: 20px; padding-left: 10px; background: url(/images/icons/arrow_right.gif) no-repeat 0 50%; white-space: nowrap; }
			#announcement li em { font-size: 0.83em; margin-left: 5px; color: #000000; }
.portalbox { width: 100%; background: #C3C3C3; margin-bottom: 10px; border-collapse: separate; }
	.portalbox td { padding: 10px; vertical-align: top; background: #FFF url("../../images/discuss_style/portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 0; background-repeat: repeat-x; background-position: 0 0; border: 1px solid #F8F8F8; }
		.portalbox h3 { margin: 0 0 5px; font-size: 1em; white-space: nowrap; }
		.portalbox strong { font-weight: bold; margin-top: 4px;}
		.portalbox em { color: #333333; }
			.portalbox em a { color: #333333; }
			.portalbox cite a { color: #003080; }
		#supeitems li { float: left; height: 1.6em; overflow: hidden; }
		#hottags a { white-space: nowrap; margin-right: 0.5em; }
		#hottags h3 { clear:both; }
.headactions { float: right; line-height: 1em; padding: 10px 10px 0 0; }
	.headactions img { vertical-align: middle; cursor: pointer; padding: 0 5px; }
		.mainbox .headactions { color: #000000; }
		.mainbox .headactions a, .mainbox .headactions span, .mainbox .headactions strong { background: url(/images/icons/headactions_line.gif) no-repeat 100% 50%; padding-right: 10px; margin-right: 8px; color: #000000; }
			.mainbox .headactions strong { font-weight: bold; background-image: url(/images/discuss_style/arrow_left.gif); }
.pages_btns { width: 100%; padding: 0 0 8px; overflow: hidden; }
	.postbtn, .replybtn { float: right; }
		.postbtn { margin-left: 10px; cursor: pointer; }
	.pages_btns .pages em { line-height: 26px; }
.pages, .threadflow { float: left; border: 1px solid #C3C3C3; background: #F7F7F7; height: 24px; line-height: 26px; color: #333333; overflow: hidden; }
	.pages a, .pages strong, .pages em, .pages kbd, #multipage .pages em { float: left; padding: 0 8px; line-height:26px; }
		.pages a:hover { background-color: #FFFFFF; }
		.pages strong { font-weight: bold; color: #333333; background: #DBDBDB; }
			.pages a.prev, .pages a.next { line-height: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; }
				.pages a.next { padding: 0 15px; }
		.pages kbd { border-left: 1px solid #C3C3C3; margin: 0; }
			* html .pages kbd { padding: 1px 8px; }
			.pages kbd input { border: 1px solid #C3C3C3; margin-top: 3px !important; * > margin-top: 1px  !important; margin: 1px 4px 0 3px; padding: 0 2px; height: 17px; }
				.pages kbd>input { margin-bottom: 2px; }
	.threadflow { margin-right: 5px; padding: 0 5px; }
.tabs { padding-bottom: 26px; margin-bottom: 15px; background: #E8E8E8; border-top: 1px solid #F8F8F8; border-bottom: 1px solid #C3C3C3; }
	.tabs li { float: left; line-height: 25px; border-right: 1px solid #DBDBDB; }
		.tabs li.current { background: #FFFFFF; height: 27px; font-weight: bold; }
			.tabs li a { float: left; padding: 0 10px; }
	.headertabs { background: #FFFFFF none; margin-bottom: 0; }
		.headertabs li.current { background-color: ; }
	.sendpm a { color: #333333; background: url(/images/discuss_style/buddy_sendpm.gif) no-repeat 15px 50%; padding: 0 20px 0 35px !important; }
#headfilter { border: solid #000000; border-width: 1px 1px 0; }
	#headfilter .tabs { border-bottom-color: #FFFFFF; margin-bottom: 0; }
#footfilter { padding: 10px; he\ight: 44px; height: 24px; line-height: 24px; background: #F7F7F7; border-color: #E8E8E8; font-family: Simsun, "Times New Roman"; }
	#footfilter form { float: right; }
		#footfilter * { vertical-align: middle; }
.legend { border: 1px solid #DBDBDB; background: #FBF9FF; padding: 10px; margin: 10px auto; width: 550px; text-align: center; line-height: 35px; }
	.legend label { padding: 0 20px; }
	.legend img { vertical-align: middle; margin-right: 10px; }
.avatarlist { overflow: hidden; padding: 5px 0; }
	* html .avatarlist { height: 1%; }
	.avatarlist dl { float: left; width: 70px; border: 1px solid #E8E8E8; padding: 5px; margin-right: 5px; text-align: center; }
		.avatarlist dt { width: 70px; height: 70px; }
		.avatarlist dl img { width: 64px; height: 64px; }
	.avatarlist dd { height: 22px; line-height: 22px; overflow: hidden; }
.taglist { width: 100%; padding: 10px 0; overflow: hidden; }
	.taglist li { float: left; display: inline; width: 10em; height: 24px; overflow: hidden; margin: 0 10px; }
		.taglist li em { font-size: 10px; color: #333333; }
.attriblist * { color: #000000; }
	.attriblist dt { float: left; margin-right: 10px; }
	.attriblist .name { font-weight: bold; }
	.attriblist dd a { color: #003080;}
#forumlinks {}
	#forumlinks td { padding: 5px 5px 5px 55px; background: url(/images/discuss_style/forumlink.gif) no-repeat 18px 50%; color: #333333; }
	#forumlinks .forumlink_logo { float: right; }
#online {}
	#online h4 { font-weight: normal; color: #000000; }
		#online h4 strong { font-weight: bold; }
	#online dl { padding: 5px 5px 5px 55px; }
		#onlinelist { background: url(/images/discuss_style/online.gif) no-repeat 10px 10px; border-top: 1px solid #E8E8E8; }
		#online dt { padding: 5px; }
			#online dt img { margin-bottom: -3px; }
		#online dd { border-top: 1px solid #E8E8E8; }
	#bdayslist { padding: 10px 0 10px 55px; border-top: 1px solid #E8E8E8; background: url(/images/discuss_style/bdays_cake.gif) no-repeat 10px 5px; }
.userlist { overflow: hidden; padding: 5px 5px 0; }
	* html .userlist { height: 1%; }
	.userlist li { float: left; width:128px; height: 20px; overflow: hidden; }
		.userlist li img { vertical-align: middle; }
	#onlinelist .userlist li { height: auto; margin:4px auto ;}
#recommendlist { }
	#recommendlist li { float: left; white-space: nowrap; width: 24.9%; overflow: hidden; text-indent: 12px; background: url(/images/icons/arrow_right.gif) no-repeat 2px 7px; }
	#recommendlist.rules li { width: 49%; }
.recommendrules { padding: 0px;}
#seccode { cursor: pointer; }
.autosave { behavior: url(#default#userdata); }
#menu a.notabs { background: none; }
.headactions a.notabs { background: none; margin-right: 0px; padding-right: 0px; }
.absmiddle { vertical-align: middle; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Box Style ~~~~ */

/*Main Box*/
.mainbox { background: #F8F8F8; border: 1px solid #000000; padding: 1px; margin-bottom: 10px; }
	.mainbox h1, .mainbox h3, .mainbox h6 { line-height: 31px; padding-left: 1em; background: #DBDBDB; background-repeat: repeat-x; background-position: 0 0; color: #000000; }
		.mainbox h1 a, .mainbox h3 a { color: #000000; }
	.mainbox table { width: 100%; }
		.forumlist table, .threadlist table { border-collapse: separate; }
		.mainbox thead th, .mainbox thead td { background: ; padding: 2px 5px; line-height: 22px; color: #000000; }
			.mainbox thead.category th, .mainbox thead.category td { background: url("../../images/discuss_style/cat_bg.gif"); }
			.mainbox thead.separation th, .mainbox thead.separation td { border-top: 1px solid #DBDBDB }
		.mainbox tbody th, .mainbox tbody td { border-top: 1px solid #DBDBDB; padding: 5px; }
			.mainbox tbody cite, .mainbox tbody em { line-height: 1.3em; }
				.forumlist tbody strong, .threadlist tbody strong , .formbox tbody strong  { color: #333333; }
	/*Tabel Footer: Button Operation*/
	.footoperation { background: ; padding: 5px; border-top: 1px solid #C3C3C3; }
		.threadlist .footoperation { padding-left: 61px; }
		.footoperation * { vertical-align: middle; }
		.footoperation label { margin-right: 1em; cursor: pointer; }
		.footoperation button { line-height: 1em; display: inline; width: 0; overflow: visible; padding: 3px 5px 2px; border: 1px solid #DBDBDB; background: #F8F8F8; color: #003080; cursor: pointer; margin-left: 2px; }
			.footoperation>button { width: auto; }
	/*Forum & Thread List*/
	.forumlist tbody th, .forumlist tbody td, .threadlist tbody th, .threadlist tbody td { color: #000000; padding: 1px 5px; border-bottom: 1px solid #F8F8F8; background-color: #FBF9FF; }
		.forumlist tbody th { height: 40px; }
		.forumlist th, .threadlist th { text-align: left; }
				.forumlist th { padding-left: 55px !important; }
					.forumlist h2 em { color: #003080; }
				.forumlist tbody th { background-image: url(/images/discuss_style/forum.gif); background-repeat: no-repeat; background-position: 13px 50%; }
					.forumlist tbody th.new { background-image: url(/images/discuss_style/forum_new.gif); }
					.moderators a { color: #003080; }
					.moderators a strong { font-weight: bold; color: #003080; }
				.threadlist th label { float: right; }
				.threadpages { background: url(/images/discuss_style/multipage.gif) no-repeat 0 100%; font-size: 11px; margin-left: 5px; white-space: nowrap; }
					.threadpages a { padding-left: 8px; }
						.threadpages a:hover { text-decoration: underline; }
				.threadlist th a.new { color: #333333; text-transform: uppercase; font-size: 9px; white-space: nowrap; }
				.threadlist th input { float: left; margin-right: 5px; }
				.threadlist th em, .threadlist th em a { color: #333333; }
				.threadlist th img.icon { float: left; margin-left: -22px; }
				.threadlist th img.attach, .threadlist th img.icon { margin-bottom: -3px; }
				.threadlist .target { float: left; display: block; width: 20px; height: 20px; margin-left: -28px; text-indent: -9999px; overflow: hidden;  }
					* html .threadlist .target  { margin-left: -14px; margin-right: 5px; }
	.forumlist tbody tr:hover th, .forumlist tbody tr:hover td, .threadlist tbody tr:hover th, .threadlist tbody tr:hover td { background-color: #E8E8E8; }
		.forumlist td.lastpost { width: 260px; }
		.threadlist td.folder { text-align: center; width: 30px; }
		.threadlist td.icon { text-align: center; padding: 3px 0; width: 16px; }
		.threadlist td.author { width: 120px; }
		.threadlist td.lastpost { text-align: right; width: 120px; padding-right: 15px; }
			.threadlist td.lastpost cite a { color: #333333; }
		.forumlist cite, .threadlist cite { display: block; }
		.threadlist td.author em, .threadlist td.lastpost em { font-size: 11px; }
		label.highlight { width: 40px; margin-right: 30px; }
		label.highlight, label.highlight input { float: left; }
		label.highlight em { float: right; width: 16px; height:16px;  }
		.quickmanage label.highlight { width: 40px; margin: 3px 18px 3px 0; }

		#updatecircles th { background-image: none; }
			#updatecircles .circlelogo { float: left; margin-left: -40px; margin-top: 10px;  max-height: 32px; max-width: 32px; width: expression(this.width > 32 && this.height < this.width ? 32: true); height: expression(this.height > 32 ? 32: true); }

	/*Viewthread*/
	.viewthread { padding-bottom: 1px; }
		.viewthread table, #pmprompt table, #forumlinks, #pmlist, #specialpost, #newpost, #editpost { table-layout: fixed; }
		.viewthread ins, .mainbox ins { display: block; text-align: center; text-decoration: none; margin-bottom: 1px; background: #F7F7F7; border-bottom: 1px solid #C3C3C3; line-height: 26px; }
			ins.logininfo { background: ; padding: 2px 5px; line-height: 22px; color: #000000; text-align: left; border: none; }
			.viewthread ins, .viewthread ins a { color: #333333; }
			.viewthread td.postcontent, .viewthread td.postauthor { vertical-align: top; padding:0; border: none; overflow: hidden; background: #F8F8F8; }
			.postinfo { color: #000000; border-bottom: 1px solid #DBDBDB; padding: 0 5px 2px; line-height: 26px; height: 26px; overflow: hidden; }
				.postinfo strong, .postinfo em { float: right; line-height: 26px !important; cursor: pointer; padding: 0 3px; color: #003080; }
					.postinfo strong { margin-left: 5px; color: #333333; font-weight: bold; }
						* html .postinfo strong { margin-top: -2px; }
						.postinfo strong sup { font-weight: normal; margin-left: 1px; color: #333333; }
				.postinfo a { color: #003080; }
				.postinfo label { color:#333333; cursor: pointer; }
			.postmessage { padding: 10px; overflow-x: hidden; }
				.postmessage *, .pmmessage *, .register *  { line-height: normal; }
			.defaultpost {  height: auto !important; height:200px; min-height:200px !important; }
				.postmessage h2 {font-size: 1.17em; margin-bottom: 0.5em; }
				.t_msgfont, .t_msgfont td { font-size: 16px; line-height: 1.6em; }
				.t_smallfont, .t_smallfont td { font-size: 13px; line-height: 1.6em; }
				.t_bigfont, .t_bigfont td { font-size: 18px; line-height: 1.6em; }
					.t_msgfont *, .t_smallfont *, .t_bigfont * { line-height: 1.8em;font-family:'Noto Sans TC', "Heiti TC", "微軟正黑體", Microsoft JhengHei, "Roboto Sans", Helvetica, Arial, sans-serif;word-spacing:6px; }
					.t_msgfont a, .t_smallfont a, .t_bigfont a { color: #003080; }
				.postratings { float: right; }
			.signatures { overflow: hidden; height: expression(signature(this)); max-height: 240px; background: url(/images/discuss_style/sigline.gif) no-repeat 0 0; margin: 10px; padding-top: 20px; color: #000000; line-height: 1.6em; }
				.signatures * { line-height: normal; }
				.signatures strong { font-weight: bold; }
			.postactions { border-top: 1px solid #E8E8E8; background: #F7F7F7; line-height: 30px; height: 30px; padding: 0 10px; }
				.postactions strong { cursor: pointer; }
				.postactions input { float: right; margin: 5px 0 0 5px; }
				.postactions p { float: right; }
			.postmessage .box { border-width: 0; margin: 5px 0; }
			.postmessage .typeoption { width: 500px; }
			 	.typeoption tbody th { width: 100px; }
				.typeoption tbody td, .typeoption tbody th { border-top: 0px; border-bottom: 1px dashed #E8E8E8; }
				.postmessage .box tbody th, .postmessage .box tbody td { border-top-color: #E8E8E8; }
		.postmessage fieldset { font-size: 12px; width: 500px; padding: 10px; border: 1px solid #DBDBDB; margin-top: 2em; }
			.postmessage fieldset li { color: #333333; line-height: 1.6em; }
			.postmessage fieldset li cite, .postmessage fieldset li em { margin: auto 10px; }
		.t_msgfont li, .t_bigfont li, .t_smallfont li, .faq li { margin-left: 2em; }
		.postattach { width: 500px; margin: 10px 0; }
		.postattachlist { width: 500px; font-size: 12px; margin-top: 2em; clear:both }
		.postattachlist dd img { width:100%; }
		.t_attach { border: 1px solid #E8E8E8; background: #F8F8F8; font-size: 12px; padding: 5px; }
			.t_attach em { color: #333333; }
		.t_attachlist { border-bottom: 1px dashed #E8E8E8; padding: 5px 0; }
			.t_attachlist dt { font-weight: bold; }
				.t_attachlist dt img { margin-bottom: -4px; }
			.t_attachlist dd { padding-left: 20px; color: #333333; }
		.t_attachinsert { margin: 1em 0; font-size: 12px; }
			.t_attachinsert p img { margin-bottom: -4px; }
		.t_table { border: 1px solid #C3C3C3; empty-cells: show; border-collapse: collapse; }
			.t_table td { padding: 4px; border: 1px solid #C3C3C3; overflow: hidden; }
		/* Discuz! Code */
		/*CODE & Quote*/
		.blockcode, .quote { font-size: 12px; margin: 10px 20px; border: solid #C3C3C3; border-width: 4px 1px 1px; background: #FFF url("../../images/discuss_style/portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 0; overflow: hidden; }
			.blockcode h5, .quote h5 { border: 1px solid; border-color: #F8F8F8 #F8F8F8 #C3C3C3 #F8F8F8; line-height: 26px; padding-left: 5px; color: #000000; }
				.blockcode code, .quote blockquote { margin: 1em 1em 1em 3em; line-height: 1.6em; }
					.blockcode code { font: 14px/1.4em "Courier New", Courier, monospace; display: block; padding: 5px; }
					.blockcode .headactions { color: #000000; font-size: 13px; cursor: pointer; padding-top: 5px; }
		p.posttags { margin: 2em 0em 0.5em 0em; }
			p.posttags a, .footoperation span.posttags a { color: #F00; font-weight: bold; }
					p.posttags .postkeywords a, { color: #333333; }
		.postmessage strong { font-weight: bold; }
		.postmessage em { color:#000000; }
		.postmessage span.t_tag { cursor: pointer; border-bottom: 1px solid #F00; white-space: nowrap; }
		.mainbox td.postauthor { width: 170px; background: #E8E8E8; overflow: hidden; padding-bottom:5px;}
			.postauthor cite { font-weight: bold; display: block; border-bottom: 1px solid #DBDBDB; height: 23px; overflow: hidden; margin:5px 0 0; }
				.postauthor cite label a { float: right; padding: 3px; }
			div.avatar { text-align: center; width:150px; overflow: hidden; padding:5px; }
			div.avatar img{	border:3px solid #fff; -moz-box-shadow: 1px 1px 3px #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 3px #999; }
			.postauthor dt { float: left; margin-right: 0.5em; color:#333; /*width:55px;*/ }
			.postauthor dd, .postauthor dt { height: 1.6em; line-height: 1.6em; }
			.postauthor dd { overflow: hidden; }
			.postauthor p { margin:0 10px; color:#333; }
				.postauthor p.customstatus { color: #000000 }
				.postauthor p em, .postauthor dt em { color: #333333; }
			.postauthor ul { margin:5px 10px; line-height: 1.6em; overflow: hidden; }
				.postauthor li { text-indent: 22px; width:100%; height:1.6em; overflow: hidden; float:none; background-position: 0 50%; background-repeat: no-repeat; }
				.postauthor li a{ color:#444; }
					.postauthor li.pm { background-image: url(/images/discuss_style/buddy_sendpm.gif); }
					.postauthor li.buddy { background-image: url(/images/discuss_style/user_add.gif); }
					.postauthor li.space { background-image: url(/images/discuss_style/forumlink.gif); }
					.postauthor li.online { background-image: url(/images/discuss_style/user_online.gif); color: #333333; }
					.postauthor li.offline { color: #000000; background-image: url(/images/discuss_style/user_offline.gif); }
					.postauthor li.magic { background-image: url(/images/discuss_style/magic.gif);}
					.postauthor li.follow { background-image:url(/images/discuss_style/footprint.gif);}
			.postauthor dl.profile, .postauthor div.bio { margin:5px 10px; padding-top:5px; color:#333; }

/* editor table */
.t_msgfont table.t_table {width:auto;}

/*Common Box*/
.box { background: #F8F8F8; border: 1px solid #C3C3C3; padding: 1px; margin-bottom: 10px; }
	.box h4 { background: #FFF url("../../images/discuss_style/portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 0; line-height: 30px; padding: 0 10px; }
	.box table { width: 100%; }
		.box td { border-top: 1px solid #E8E8E8; }
		.box .box li { list-style: none;}
	.postattachlist h4, .tradethumblist h4, .pollpanel h4, .activitythread h4, .typeoption h4 { border-top: 1px solid #DBDBDB; }
	#pmprompt { border-color: #EDEDCE; }
		#pmprompt h4 { background: #FFFFF2; border-top: none; }
		#pmprompt th, #pmprompt td { border-top-color: #EDEDCE; }
/*List*/
td.user { width: 120px; }
td.nums { width: 110px; text-align: center; }
td.time { width: 120px; }
td.selector { width: 20px; text-align: center; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Spacial Threads ~~~~ */

.specialthread h1 { background: #F8F8F8; font-size: 1.5em; color: #000000; padding: 10px 5px; border-bottom: 1px solid #E8E8E8; }
	.specialthread h1 a { color: #003080; }
.specialthread .postcontent label { float: right; display: inline; margin: 12px 12px 0; border: 1px solid #C3C3C3; padding: 3px 5px; background:  no-repeat 3px 50%; }
	.specialthread .postcontent label strong { color: #333333; }
	.specialthread .postcontent label a { color: #003080; }
.specialthread .postauthor { width: 180px; }
.specialpostcontainer { padding: 0 1px; }
.specialpost { border-bottom: 4px solid #FBF9FF; text-align: right; }
	.specialpost .postinfo h2  { float: left; font-weight: normal; padding-left: 8px; font-size: 11px; }
	.specialpost .postinfo h2 em {}
		.specialpost .postinfo { border-color: #E8E8E8; height: 1.8em; }
		.specialpost strong { border: none; }
		.specialpost .postinfo h2 a { font-size: 12px; }
	.specialpost .postmessage { text-align: left; min-height: 30px; border-bottom: 1px solid #C3C3C3; }
		* html .specialpost .postmessage { height: 30px; overflow: visible; }
		p.imicons { margin: 8px auto; width: 160px;}
/* [ Poll ] */
.pollpanel { margin: 1em 0; border-width: 1px 0 0; }
	.pollpanel h4 span { float: left;line-height:30px;}
	.pollpanel h4 a { float: right;line-height:30px; font-weight:normal; }
	.pollpanel tbody td { vertical-align: middle; }
		.pollpanel tbody td a { color: #003080 }
		.optionbar { float: left; margin-right: 0.5em; border: 1px solid #DBDBDB; background: #DBDBDB; background-repeat: repeat-x; background-position: 0 100%; height: 12px; }
			.optionbar div { float: left; border: 1px solid #F8F8F8; height: 10px; overflow: hidden; }
/* [ Reward ] */
.rewardthread .postcontent label { background-image: url(/images/discuss_style/rewardsmallend.gif); padding-left: 25px; }
	.rewardthread .postcontent label.unsolved { background-image: url(/images/discuss_style/rewardsmall.gif); float:right; }
	#bestpost { padding-top: 10px; margin-top: 10px; border-top: 1px solid #C3C3C3; }
/* [ Activity ] */
.activitythread .box th { width: 7em; }
	#activityjoin label { float: none; border: none; background: transparent; padding: 0; margin: 0; }
/* [ Trade ] */
.tradethread .postmessage { min-height: 160px; }
	* html .tradethread .postmessage { height: 360px !important; }
	.tradethread .postauthor dt, .tradethread .postauthor dd { height: 20px; overflow: hidden; }
*>.tradeinfo { overflow: hidden; }
	* html .tradeinfo { height: 1%; }
	.tradeinfo h1 { background: #E8E8E8; font-size: 1.5em; color: #000000; padding: 10px 5px; border-bottom: 1px solid #E8E8E8; margin-bottom: 1em; }
	.tradethumb, .tradeattribute { float: left; }
		.tradethumb { width: 260px; text-align: center;}
		.tradeattribute { padding-left: 1em; }
		.tradeattribute img { vertical-align: middle; }
			.tradeattribute dl { overflow: hidden; padding-bottom:2em !important;  }
				.tradeattribute dt { float: left; width: 5em; padding: 0.5em; line-height: 2em; clear: left; }
				.tradeattribute dd { border-bottom: 1px dotted #E8E8E8; padding: 0.5em 1.5em; line-height: 2em; }
					.tradeattribute em, .tradeattribute del { color: #333333; }
					.tradeattribute strong { font-size: 1.6em; font-weight: bold; color: #F00; }
	.sellerinfo { float: right; display: inline; margin-right: 1em; width: 180px; }
		.sellerinfo h4 { border-bottom: 1px dotted #E8E8E8; }
		.sellerinfo dl { margin: 1em; }
	.tradeinfo .postinfo { clear: both; }
	.tradeinfo .postmessage { min-height: 100px; }
		* html .tradethread .postmessage { height: 100px; }

	*>.tradethumblist { overflow: hidden; }
		* html .tradethumblist { height: 1%; }
		.tradethumblist dl { float: left; text-align: center; padding: 10px; width: 170px; height: 220px; w\idth: 150px; he\ight: 200px; }
			.tradethumblist dd.thumblist { height: 100px; overflow: hidden; }
				.tradethumblist dd img { vertical-align: middle; cursor: pointer; }
			.tradethumblist dl p { height: 1.6em; overflow: hidden; }
			.tradethumblist p.tradename { height: 45px; line-height: 18px; margin-top: 5px; }
			.tradethumblist del { color: #333333; }
			.tradethumblist strong { font-weight: bold; color: #F00; }
	 #ajaxtradelist .price { text-align: right; }
	 	#ajaxtradelist strong { font-weight: bold; color: #F00; }
	 	#ajaxtradelist .popupmenu_popup { white-space: nowrap;overflow: visible; }
	 	#ajaxtradelist .popupmenu_popup a { color: #003080; }
/* [ Debate ] */
.debatethread .postmessage { min-height: inherit; height: auto; }
.debatethread .box { margin: 0;}
.debatethread .debatepoints { border-width: 1px 0 0; padding-bottom: 0; border-top: none; margin-bottom: 10px; }
	.debatepoints tbody td { border: 0px; width: 50%; border-bottom: none; vertical-align: top; }
		.debatepoints .message td.stand1 { border:1px solid #EDEDCE; background: #FFFFF2; border-bottom: none; }
		.debatepoints .message td.stand2 { border:1px solid #DBDBDB; background: #FBF9FF; border-bottom: none; }
		.debatepoints .button td.stand1 { border:1px solid #EDEDCE; background: #FFFFF2; border-top: none; }
		.debatepoints .button td.stand2 { border:1px solid #DBDBDB; background: #FBF9FF; border-top: none; }
	.debatepoints h2 { padding-left: 40px; line-height: 2em; background-position: 5px 1px; background-repeat: no-repeat; }
		.stand1 h2 { background-image: url(/images/discuss_style/debate_stand_1.gif); }
		.stand2 h2 { background-image: url(/images/discuss_style/debate_stand_2.gif); }
		.poststand0, .poststand1, .poststand2 { font-size: 1.17em; text-align: center; display: block; float: left; border: 1px solid #E8E8E8; background: #F7F7F7; color: #333333; width: 40px; height: 22px; line-height: 22px; margin-right: 12px; }
		.poststand1 { border: 1px solid #EDEDCE; background: #FFFFF2; color: #333333; }
		.poststand2 { border: 1px solid #DBDBDB; background: #FBF9FF; color: #003080; }
	.debatepoints p { padding: 0 10px; overflow: hidden; }
	.debatepoints a { margin: 0 auto; display: block; width: 80px; text-align: center; border: 1px solid; padding: 0.3em 1em; }
		.debatepoints #affirmbutton { border-color: #EDEDCE; background: #FFFFF2; color: #333333; }
		.debatepoints #negabutton { border-color: #DBDBDB; background: #FBF9FF; color: #003080; }
.debatethread .optionbar div { float: none; }

.payinfo dt { float: left; width: 10em; padding: 0.5em; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Control Panel ~~~~ */
.container { width: 100%; overflow: hidden; }
	.content { float: right; width: 80%; }
		.content .mainbox { padding-bottom: 5px; }
		.content .footoperation, .content .mainbox thead th, .content .mainbox thead td,
		.content .mainbox tbody th, .content .mainbox tbody td { border-top: none; border-bottom: 1px solid #DBDBDB; }
	.side { float: left; width: 18%;}
		.side div { border: 1px solid #C3C3C3;background: #FFF url("../../images/discuss_style/portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 0; margin-bottom: 10px; }
			.side h2 { padding-left: 10px; line-height: 2.4em; font-size: 1.17em; border: 1px solid; border-color: #F8F8F8 #F8F8F8 #E8E8E8 #F8F8F8;}
			.side ul { padding: 1px; }
				.side li{ text-indent: 26px; line-height: 2.4em; }
					.side h3 { font-weight: normal; background:url(/images/icons/arrow_right.gif) no-repeat 14px 46%; }
						.side_on h3 { font-weight: bold; border: solid #DBDBDB; border-width: 1px 0; background: #E8E8E8 url(/images/icons/arrow_down.gif) no-repeat 14px 46%; }
					.side li ul { border-bottom: 1px solid #E8E8E8; }
						.side li li { padding-left: 1em;}
				.side li.current { font-weight: bold; }
					.side li.current a { color: #000000; }
			.side li.first h3 { border-top: none; }
			.side li.last ul { border-bottom: none; }
	#memberinfo { }
		#memberinfo .memberinfo_avatar { text-align: center; width: 170px; font-weight: bold; }
			#memberinfo li label { color: #000000; margin-right: 0.5em; }
			#memberinfo .memberinfo_forum label { float: left; width: 7em; text-align: right; }
	.mysearch { float: left; display: block; margin-top: -10px; margin-left: 10px;}
		/* Message Tabs*/
		.msgtabs { border-bottom: 1px solid #C3C3C3; padding-bottom: 23px; padding-right: 5px; margin-top: 0.8em;}
			.msgtabs strong { float: right; padding: 0 12px; border: 1px solid #C3C3C3; border-bottom: 1px solid ;  margin-right: 5px; text-decoration: none; height: 22px; line-height: 22px; font-weight: bold; background: ; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DropMenu ~~~~ */

.dropmenu { padding-right: 10px !important; background-image: url(/images/discuss_style/jsmenu.gif) !important; background-position: 100% 50% !important; background-repeat: no-repeat !important; cursor: pointer; }
.popupmenu_popup { text-align: left; line-height: 1.4em; padding: 10px; overflow: hidden; border: 1px solid #C3C3C3; background: #FFF url("../../images/discuss_style/portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 1px;  }
.headermenu_popup { width: 185px; }
	.headermenu_popup li { float: left; width: 7em; line-height: 24px; height: 24px; overflow: hidden; border-bottom: 1px solid #E8E8E8; }
.newspecialmenu { width: 100px; }
	.newspecialmenu li { background: url(/images/discuss_style/folder_s.gif) no-repeat 3px 50%; float: left; }
		.newspecialmenu li.poll { background-image: url(/images/discuss_style/pollsmall.gif); }
		.newspecialmenu li.trade { background-image: url(/images/discuss_style/tradesmall.gif); }
		.newspecialmenu li.reward { background-image: url(/images/discuss_style/rewardsmall.gif); }
		.newspecialmenu li.activity { background-image: url(/images/discuss_style/activitysmall.gif); }
		.newspecialmenu li.debate { background-image: url(/images/discuss_style/debatesmall.gif); }
		.newspecialmenu li.video { background-image: url(/images/discuss_style/videosmall.gif); }
		.newspecialmenu a { float: left; width: 75px; border-bottom: 1px solid #E8E8E8; padding: 5px 0 5px 25px; }
			.newspecialmenu a:hover { text-decoration: none; color: #003080; border-bottom-color: #C3C3C3; }
#forumlist_menu { padding: 10px 30px 10px 20px; }
	#forumlist_menu dl { padding: 5px 0; }
		#forumlist_menu dt a { font-weight: bold; color: #000000; }
		#forumlist_menu dd { padding-left: 1em; }
			#forumlist_menu li.sub { padding-left: 1em; }
			#forumlist_menu li.current a { font-weight: bold; }
			#forumlist_menu li a { font-weight: normal; color: #003080; }
.userinfopanel { border: 1px solid #C3C3C3; width: 140px; background: #FFF url("../../images/discuss_style/portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 0; padding: 10px; }
	.imicons { text-align: center; border: 1px solid #E8E8E8; background: #F8F8F8; padding: 4px 1px; }
		.imicons img { vertical-align: middle; }
	.userinfopanel p { text-align: left; margin: 0; }
		.userinfopanel p a { color: #003080; }
	.userinfopanel dl { border-bottom: 1px solid #E8E8E8; margin: 5px 0; padding: 5px 0; }
	.postauthor cite a { float:none; padding:0 0 0 5px; height:22px; overflow: hidden; display:block; border-bottom:1px solid #f8f8f8; line-height:22px; }
		.postauthor cite a.hover { border-color: #C3C3C3; background-color: #F8F8F8; }
	.popupmenu_popup .postauthor { width: 180px; }
		.popupmenu_popup .postauthor a { color: #003080; }
/*Popup Calendar*/
#calendar { border: 1px solid #000000; background: #FBF9FF; margin-bottom: 0.8em;}
	#calendar td { padding: 2px; font-weight: bold;}
	#calendar_week td { height: 2em; line-height: 2em; border-bottom: 1px solid #C3C3C3;}
	#hourminute td {padding: 4px 2px; border-top: 1px solid #C3C3C3;}
		.calendar_expire, .calendar_expire a:link, .calendar_expire a:visited {	color: #000000; font-weight: normal; }
		.calendar_default, .calendar_default a:link, .calendar_default a:visited { color: #003080;}
		.calendar_checked, .calendar_checked a:link, .calendar_checked a:visited { color: #333333; font-weight: bold;}
		td.calendar_checked, span.calendar_checked{ background: #C3C3C3;}
		.calendar_today, .calendar_today a:link, .calendar_today a:visited { color: #000000; font-weight: bold; }
	#calendar_header td{ width: 30px; height: 20px; border-bottom: 1px solid #C3C3C3; font-weight: normal; }
	#calendar_year { display: none;	line-height: 130%; background: #FBF9FF; position: absolute; z-index: 10; }
		#calendar_year .col { float: left; background: #FBF9FF; margin-left: 1px; border: 1px solid #C3C3C3; padding: 4px; }
	#calendar_month { display: none; background: #FBF9FF; line-height: 130%; border: 1px solid #DDD; padding: 4px; position: absolute; z-index: 11; }
#styleswitcher_menu { overflow: visible; }
	#styleswitcher_menu, #styleswitcher_menu ul li, #styleswitcher_menu ul li.current a, #styleswitcher_menu ul li a { white-space: nowrap; }
	#styleswitcher_menu ul li.current { font-weight: bold; }
		#styleswitcher_menu ul li.current a { color: #000000; }
#styleswitcher_menu {}
	#styleswitcher_menu li.current { font-weight: bold; }
.tagthread { width: 360px; }
	.tagthread .close { float: right; padding-top: 5px; }
	.tagthread h4 { line-height: 26px; border-bottom: 1px solid #E8E8E8; }
	.tagthread ul { padding: 5px; }
		.tagthread li { line-height: 1.8em; }
	.tagthread li.more { text-align: right; background: url(/images/icons/arrow_right.gif) no-repeat 100% 50%; padding-right: 10px; }
.headactions .popupmenu_popup a, .headactions .popupmenu_popup strong { color: #000000; background: none; white-space: nowrap; }
	.headactions .popupmenu_popup { overflow: visible; }

*+html #my_menu, *+html #memcp_menu, *+html #stats_menu, *+html #plugin_menu { margin-left: 1px; }
* html #my_menu, * html #memcp_menu, * html #stats_menu, * html #plugin_menu { margin-left: 1px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Form Style ~~~~ */

fieldset { border: none; }
input, textarea { border-width: 1px; background: #F8F8F8; border-color: #DBDBDB; padding: 2px; }
	input[type="radio"], input[type="checkbox"] { border: none; background: none; }
	.radio, .checkbox{ border: none; background: none; }
	.invitecodelist input { border: none; font-family: "Courier New", Courier, monospace; font-size: 13px; cursor: pointer; }
button { border: 1px solid; border-color: #E8E8E8 #333333 #333333 #E8E8E8; background: ; height: 2em; line-height: 2em; cursor: pointer; }
#postsubmit, button.submit { margin: 0.3em 1em; border: 1px solid; border-color: #C3C3C3 #000000 #000000 #C3C3C3 background: #DBDBDB; color: #333333; padding: 0 5px; }
button.insmsg { margin: 1em 0; border: 1px solid #EDEDCE; background: #FFFFF2; color: #333333; }
.formbox th { width: 180px; text-align: left; }
	.formbox th, .formbox td { padding: 5px; }
	.formbox th, .formbox td { border-bottom: 1px solid #DBDBDB; }
	.formbox table a { color: #003080; }
.formbox label { cursor: pointer; }
.lighttxt, .formbox *.tips { color: #333333; }
.formbox th ul { padding: 5px 0; margin: 5px 0; }
	#threadtypes table td, #threadtypes table th { border-top: 1px solid #DBDBDB; border-bottom: 0;}
/*Login Form*/
#loginform * { vertical-align: middle; }
	#loginform button { line-height: 21px; height: 21px; padding: 0 4px; margin-left: 3px; }
/*PostForm & Editor*/
.editor_cell { vertical-align: top; }
#editor { border: solid; border-color: #C3C3C3; border-width: 1px 1px 0; background: #F7F7F7; }
	#editor td { border: none; padding: 2px; }
.editortoolbar table { width: auto; }
.editortoolbar a, .editortoolbar .a { display: block; padding: 1px; border: 1px solid #F7F7F7; cursor: pointer; }
	.editortoolbar a.hover, .editortoolbar a:hover, .editortoolbar .a1 { background-color: #E8E8E8; border: 1px solid #000000; text-decoration: none; }
.editor_switcher_bar {  position: relative; }
	.editor_switcher_bar a { float: right; padding: 0 3px; margin-right: 5px; }
	.editor_switcher_bar button { border: 1px solid; border-color: #C3C3C3 #C3C3C3 #F8F8F8 #C3C3C3; font-weight: bold; height: 30px; he\ight: 28px; line-height: 28px; background: #F8F8F8; margin: 0 2px; position: relative; top: 6px; cursor: pointer; }
		*+html .editor_switcher_bar button { top: 4px; }
		* html .editor_switcher_bar button { top: 4px; }
		.editor_switcher_bar .editor_switcher { border-bottom-color: #C3C3C3; font-weight: normal; }
.editor_text { border: 1px solid; border-color: #C3C3C3 #C3C3C3 #C3C3C3 #C3C3C3; }
	.editor_text textarea { border: none; width: 99%; font: 12px/1.6em "Courier New", Courier, monospace; }
.editor_button { background: #F7F7F7; border: solid #C3C3C3; border-width: 0 1px 0; margin-bottom: 10px; }
	.editor_button button { background: transparent; border-width: 0 0 0 1px; color: #003080; }
.editor_attach {  border: 1px solid #C3C3C3; }
#wysiwyg { font: 16px/1.6em Tahoma, Verdana !important; }
	#wysiwyg * { line-height: 1.8em;word-spacing:6px;}
	#wysiwyg a { text-decoration:underline; color: #003080 !important; color: #003080; }
	#wysiwyg li { margin-left: 2em; }
	#wysiwyg strong, #wysiwyg b { font-weight: bold; }
	#wysiwyg em, #wysiwyg i { font-style: italic; }
.fontname_menu { width: 97px; }
.fontsize_menu { width: 27px; line-height: normal; }
#posteditor_popup_table_menu { width: 220px; }
.fontname_menu li, .fontsize_menu li { cursor: pointer; }
.editor_colornormal, .editor_colorhover { border: none !important; padding: 2px !important; }
	.editor_colornormal div { width: 10px; height: 10px; overflow: hidden; cursor: pointer; border: 1px solid #F8F8F8; }
		.editor_colorhover div { width: 10px; height: 10px; overflow: hidden; cursor: pointer; border: 1px solid #000000; }
/*QuickPost*/
	#quickpost { overflow: hidden; padding-bottom: 0; }
		* html #quickpost { height: 1%; overflow: visible; }
		#quickpost h5 { margin: 0.5em 1em; }
		.postoptions, .postform, .smilies { float: left; }
		.postoptions, .smilies { width: 20%; }
			.postoptions p { margin: 2px 0.7em; }
		.postform { width: 59%; padding-bottom: 10px; }
			.postform p label { vertical-align: top; font-weight: bold; }
			.postform h5 input { width: 60%; }
			.postform p, .postform div { margin: 0 1em; }
			.postform h4 * { vertical-align: middle; }
				.postform h4 input { width: 60%; }
			.postform textarea { width: 90%; height: 160px; }
			.postform .btns { margin-top: 0.5em; line-height: 30px; color: #333333; }
				.postform .btns button { vertical-align: middle; }
				.postform .btns a { color: #003080; }
					.postform button { border: none; background: transparent; color: #003080; padding: 0; cursor: pointer; }
					.postform #postsubmit { float: left; display: inline; margin-left: 2.3em; }
					.btns em { color: #333333; }
		#smilieslist { border: 1px solid #E8E8E8; overflow: hidden; text-align: center;}
			#quickpost #smilieslist { margin: 6px 1em 0 ; }
			#quickpost h4 { border-bottom: 1px solid #E8E8E8;}
			#smilieslist td { border: none; padding: 8px 0; cursor: pointer; }
				#smilieslist td:hover { background: #E8E8E8; }
			#smilieslist .pages { float: none; border-width: 1px 0 0; }
			#smilieslist h4 { color: #003080; padding: 5px; line-height: 20px; background: #F7F7F7; border-bottom: 1px solid #E8E8E8; text-align: left; }
				#smilieslist .popupmenu_popup { overflow: visible; padding: 5px 10px; white-space: nowrap; }
					#smilieslist .popupmenu_popup a { color: #003080; }
/*Ajax Form*/
.ajaxform {}
	.ajaxform th, .ajaxform td { border-bottom: 1px solid #E8E8E8; padding: 5px; }
		.ajaxform thead th { font-weight: bold; }
	.ajaxform a { color: #003080; }
.btns th, .btns td { border: none !important; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Advertisments ~~~~ */

#ad_headerbanner { float: right; margin-top: 15px; }
.ad_text { border: 1px solid #C3C3C3; margin-bottom: 10px; padding: 6px; background: #FFF url("../../images/discuss_style/portalbox_bg.gif"); background-repeat: repeat-x; }
.ad_text table { width: 100%; border-collapse: collapse; }
	.ad_text td { background-repeat: repeat-x; background-position: 0 0; padding: 2px 10px; }.ad_textlink1 { float: left; white-space: nowrap; }
.ad_textlink2 { margin: 10px; }
.ad_textlink1,.ad_textlink2 { padding-left: 25px; background: url(/images/discuss_style/ad_icon.gif) no-repeat 0 50%; }
.ad_pip { clear: right; float: right; display: inline; margin: 10px 10px 10px; }
.ad_topicrelated { clear: both; float: right; display: inline; margin: 0 10px 10px; padding: 10px 10px 10px 30px; border: 1px solid #78A73D; background: #CAEEC0; }
.ad_column { text-align: center; margin-bottom: 10px; }
.ad_footerbanner { text-align: center; clear: both; margin: 5px }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Archiver ~~~~ */
.archiver .wrap { margin: 20px auto 10px; width: 760px; padding: 10px; border: 1px solid #C3C3C3; }
	.archiver_banner { text-align: center; padding: 5px; margin-top: 40px;}
	.archiver h1, .archiver h2 { font-size: 1.17em; padding: 0 5px; }
.archiver_forumlist, .archiver_threadlist { padding: 1em; font-size: 1.17em; line-height: 1.6em; }
	.archiver_forumlist ul { padding-left: 2em; }
	.archiver_threadlist li { list-style: none; padding-left: 10px; background: url(/images/icons/arrow_right.gif) no-repeat 0 46%; }
		.archiver_threadlist li em { color: #333333; font-size: 0.83em; }
.archiver_post {  border-top: 1px solid #C3C3C3; }
	.archiver_post cite { padding-left: 10px; font-weight: bold; }
	.archiver_post p { line-height: 3em; height: 3em; margin-bottom: 0.5em; background: #E8E8E8; }
	.archiver_postbody { overflow:hidden;  font-size: 1.17em; padding: 0 10px 10px; border-bottom: 1px solid #E8E8E8; }
.archiver_pages, .archiver_fullversion { padding: 10px; }
	.archiver_pages strong, .archiver_fullversion strong, .archiver_fullversion strong a { font-weight: bold; color: #333333; }
#ajaxwaitid { position: absolute; display: none; z-index: 100; width: 100px; height: 1.6em; top: 0px; right: 0px; line-height: 1.6em; overflow: hidden; background: #dd0000; color: #ffffff;}
.postform .special, #postform .special { font-weight: bold; color: #003080;}
#newpost em { color: #333333 }

/* custom */
.vt_userinfopanel {
	background: #fff;
	border: 1px solid #ccc;
	padding: 0 10px 0 0;
	width: 490px;
}
.vt_popupmenu_popup {
	background: #fff;
	border: 1px solid #C3C3C3;
	line-height: 1.4em;
	overflow: hidden;
	padding: 0;
	text-align: left;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
}
.vt_popupmenu_popup div.avatar{
	float:left;
	padding:5px 4px;
}
.vt_userinfopanel dl {
	border-bottom:1px solid #ddd;
	margin:0 5px 10px;
	padding:10px 0;
	float:right;
	width:310px;
	overflow:hidden;
}
.vt_userinfopanel .infoblocksingle{
	width:310px;
	float:left;
}
.vt_userinfopanel .infoblock{
	width:153px;
	float:left;
}
.vt_userinfopanel .infoblock dt, .vt_userinfopanel .infoblocksingle dt{
	width:55px;
	color:#333;
}
.vt_userinfopanel .infoblock dd, .vt_userinfopanel .infoblock dd a, .vt_userinfopanel .infoblocksingle dd, .vt_userinfopanel .infoblocksingle dd a{
	width:87px;
	color:#666;
}
.vt_userinfopanel .moreinfo{
	margin-right:10px;
	float:left;
}
.vt_userinfopanel .imicons{
	width:154px;
	position:absolute;
	right:5px;
	top:11px;
	white-space:nowrap;
	overflow:hidden;
	background-color:#FFF;
	border:0;
	padding:0 3px;
	text-align:left;
}
.vt_userinfopanel .popup_link{
	float:right;
	width:315px;
	margin-bottom:15px;
}
.vt_userinfopanel .moderatormedal{
	position:absolute;left:10px;bottom:10px;
}
.userinfomarker{
	width:0;height:0;position:relative;top:23px;
}
.postauthor div.avatar{
	margin:0 5px;
}


/* Facebook login */
.strike {
	display: block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap; 
}
.strike a {text-decoration:none;}
.strike > span {
	position: relative;
	display: inline-block;
}

.strike > span:before,
.strike > span:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 9999px;
	height: 1px;
	background: grey;
}

.strike > span:before {
	right: 100%;
	margin-right: 15px;
}

.strike > span:after {
	left: 100%;
	margin-left: 15px;
}

.round-button {
	width: 200px;
	padding: 10px 25px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #3866A3;
	background: #3d5b9b;
	font-size: 15px;
	margin:20px;
}

#usercard{
	border:0px solid #c3c3c2;
	border-radius: 20px;
	padding-top:10px;
	width: 500px;
	height: auto; 
	position: relative;
	/*left: 24%;*/
	margin: 0 auto;
}

.circular {
	width: 150px;
	height: 150px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	background-position: center; 
	background-size: cover;
	border:4px solid #f89923;
}
/* end Facebook login */

/* number of view,replies,bookmark,share in viewthread */
.headnumber {
	float: right; 
	line-height: 0.7em; 
	padding: 10px 10px 0 0; 
}
#viewthread-number ul {
	margin: 0;
	padding: 0;
}
#viewthread-number ul li {
	list-style-type: none;
	display: inline;
}

#viewthread-number li { 
	border-right: 1px solid #aaaaaa;
	padding-left: 10px;
	padding-right: 10px;
}
/* end number of view,replies,bookmark,share in viewthread */

/* permission show message */
.rights-alert-message{
	text-align: center;
	margin: 1.5em 1em;
}

.rights-alert-message a {
	text-decoration:none;
}

.rights-alert-btn-orange {
	display: block;
	width: 10%;
	margin: 10px auto 30px;
	padding: 5px 15px 5px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: none;
	background: #F99920;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-decoration: none;
}
/* end permission show message */

/*Edit by Grace 20160926 */
#foruminfo, #forummoderator { display: inline-block; width: 49.8%; overflow: hidden; margin: 10px 0; color: #000000; }



html,body,*{-ms-overflow-style:scrollbar}
.hottopics-wrap{overflow:hidden;margin:auto;margin-top:18px;width:100%;height:330px;position:relative}
.hottopics-title{font-size:15px;border-bottom:1px solid #f99920;padding:7px 0;margin-bottom:13px;width:100%}
.hottopics-all{width:100%}
.hottopics-container{width: 100%;float: left;}
.hottopics-highlight-thread{width: 29%;height: 280px;float: left;margin-right: 4px;margin-left: 2px;background-color: #ededce;position: relative;}
.hottopics-highlight-thread:hover{border:2px solid #f99920;color:#f99920;margin-top:-2px;margin-left:0;margin-right:2px}
.hottopics-thread{width:100%;height:85px;float:left;border-bottom:1px solid #d0d0d0;margin:5px 4px;position:relative}
.hottopics-thread:first-child{margin:0 4px 10px}
.hottopics-thread-img{background-size:cover;background-position:center;background-repeat: no-repeat;width:34%;height:82%;width:34%;height:82%;margin:1% 0}
.hottopics-thread-column a:nth-child(1) .hottopics-thread-img{margin:0}
.hottopics-highlight-img{width:100%;height:100%;background:top center no-repeat;background-size:cover;}
.hottopics-thread-img .inner, .hottopics-highlight-img .inner{width:100%;height:100%;background:center no-repeat;background-size:cover;}
.hottopics-thread:hover,.hottopics-thread-title:hover{border-width:2px;border-color:#f99920;margin-bottom:9px;color:#f99920}
.hottopics-highlight-thread-bar{position:absolute;bottom:0;background-color:#f7f7f7;padding:5px 0;width:100%}
.hottopics-highlight-title{font-size:15px;padding:0 10px;height:36px;line-height:17px;overflow:hidden}
.hottopics-thread-title{font-size:15px;width:62%;height:40px;overflow:hidden;position:absolute;right:0;line-height:130%;top:5px}
.hottopics-thread-column a:nth-child(1) .hottopics-thread-title{top:3px}
.hottopics_btn_comment,.hottopics_btn_view{display:inline;color:#8B8B8B;border-radius:10px;padding-right:6px;padding-left:17px;background-color:#fff;background-repeat:no-repeat}
.hottopics_btn_view{background-image:url(/images/discuss_style/icon_view.png?v=20161102)}
.hottopics_btn_comment{background-image:url(/images/discuss_style/icon_reply.png?v=20161102)}
.hottopics-highlight-thread-bar > .hottopics_btn_comment,.hottopics-highlight-thread-bar >.hottopics_btn_view{position:absolute;top:-25px}
.hottopics-highlight-thread-bar > .hottopics_btn_comment{right:4px}
.hottopics-highlight-thread-bar > .hottopics_btn_view{right:55px}
.hottopics-thread > .hottopics_btn_comment,.hottopics-thread >.hottopics_btn_view{position:absolute;bottom:5px}
.hottopics-thread > .hottopics_btn_view{right:50px}
.hottopics-thread > .hottopics_btn_comment{right:0}
.ad-01{max-width:336px;max-height:280px;float:right;position:absolute;right:0}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.ellipsis{display:-webkit-box;-webkit-box-orient:vertical}
.hottopics-thread-img,.hottopics-highlight-img{image-rendering: -webkit-optimize-contrast;}
}
.line-2{-webkit-line-clamp:2}
.hottopics-thread-wrap{position:absolute;left:30%;right:336px;height:100%}
.hottopics-thread-column{float:left;width:47%;height:29.5%;margin-right:8px}
@-moz-document url-prefix() {
		.ellipsis:before {
            content:"";
            float: left;
            width: 5px; /*height: 33px;*/ }
.ellipsis > :first-child{float:right;width:100%;/*margin-left:-5px*/}
.ellipsis:after{content:"\02026";box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;float:right;position:relative;top:-15px;left:97%;width:3em;height:40px;margin-left:-3em;padding-right:5px;text-indent:15px;text-align:center;background-color:#fff;background-size:100% 100%;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white),color-stop(50%,white));background:-moz-linear-gradient(to right,rgba(255,255,255,0),white 40%,white);background:-o-linear-gradient(to right,rgba(255,255,255,0),white 40%,white);background:-ms-linear-gradient(to right,rgba(255,255,255,0),white 40%,white);background:linear-gradient(to right,rgba(255,255,255,0),white 40%,white)}
#notification .inner .ellipsis:after{top:-10px; content:"";margin-left:-1em;width:1em;}
.notification-new .ellipsis::after{background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0), #FCFCE5 40%, #FCFCE5) repeat scroll 0 0;}
.ellipsis-grey:after{background:-webkit-gradient(linear,left top,right top,from(rgba(247,247,247,0)),to(#f7f7f7),color-stop(50%,#f7f7f7));background:-moz-linear-gradient(to right,rgba(247,247,247,0),#f7f7f7 40%,#f7f7f7);background:-o-linear-gradient(to right,rgba(247,247,247,0),#f7f7f7 40%,#f7f7f7);background:-ms-linear-gradient(to right,rgba(247,247,247,0),#f7f7f7 40%,#f7f7f7);background:linear-gradient(to right,rgba(247,247,247,0),#f7f7f7 40%,#f7f7f7)}
}
.relative-fid-group{clear:both;margin:20px 0 10px;width:100%;overflow:hidden}
.rel-fid-end{clear:both}
.relative-fid-group .rel-fid-item{float:left;width:154px;height:37px;position:relative;display:block;background-color:#FFF;border:1px solid #EEE;margin-right:10px;margin-bottom:10px;text-decoration:none}
.relative-fid-group .rel-fid-item:hover{border-color:#F99920}
.relative-fid-group .rel-fid-item:hover .rel-fid-text{color:#F99920}
.relative-fid-group .rel-fid-item:hover .rel-fid-text .rel-fid-today::before{color:#F99920}
.relative-fid-group .rel-fid-item:hover .rel-fid-text .rel-fid-today-word{color:#F99920}
.rel-fid-today-word{color:#D0D0D0}
.relative-fid-group .rel-fid-item .rel-fid-text .rel-fid-title{font-size:14px;font-family:微軟正黑體,Microsoft JhengHei,蘋果儷中黑,Apple LiGothic Medium,黑体,SimHei;line-height:38px;margin-left:7px}
.rel-fid-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:110px}
.rel-fid-title.redirect{width: 130px;}
.relative-fid-group .rel-fid-item .rel-fid-text .rel-fid-today{position:absolute;right:5px;bottom:5px;font-size:12px;line-height:14px;text-align:center}
.rel-fid-tooltip{font-size:13px;line-height:15px;background-color:#FFE;color:#474747;border:solid 1px #D0D0D0;border-radius:6px;position:absolute;z-index:1;bottom:117%;padding:4px;transition:.2s opacity;visibility:hidden;opacity:0;left:50%;transform:translate(-50%,0%);margin-right:-24px}
.rel-fid-item:hover > .rel-fid-tooltip{transition:.2s opacity,visibility 0 linear .5s;visibility:visible;-webkit-transition-delay:.8s;transition-delay:.8s;opacity:1}
.title-icon{display:inline-block;width:20px;height:20px;vertical-align:top;margin-right:5px;background-image:url(../images/title_icon.png?v=20161031)}
.rel-fid-group-tile{cursor:pointer}
.rel-fid-group-tile .title-icon{background-position:20px 0}
.hottopics-title,.rel-fid-group-tile{font-size:15px;border-bottom:1px solid #f99920;padding:7px 0;margin-bottom:13px;width:100%;text-align:left}

/* follow */
.button-follow,.follow-button.follow{width:100px;height:25px;border-radius:3px;moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #5EB530;font-size:13px;color:#000;text-align:center;line-height:18px;background:url(../images/btn_follow.png) no-repeat 5px 4px;background-size:15px 15px;background-color:#fff;padding-left:15px}
.button-following,.follow-button.following{width:100px;height:25px;border-radius:3px;moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #5EB530;font-size:13px;color:#fff;text-align:center;line-height:18px;background:url(../images/follow_tick.png) no-repeat 5px 7px;background-size:10px 10px;background-color:#5EB530;padding-left:12px}
.button-pm{width:76px;height:25px;border-radius:3px;moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #fff;font-size:13px;color:#000;text-align:center;line-height:10px;background:url(../images/btn_pm.png) no-repeat 1px 4px;background-size:15px 15px;background-color:#fff;padding:4px 6px 4px 16px;margin:5px 0 20px 5px}
.button-friend{width:76px;height:25px;border-radius:3px;moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #fff;font-size:13px;color:#000;text-align:center;line-height:10px;background:url(../images/btn_friend.png) no-repeat 1px 4px;background-size:15px 15px;background-color:#fff;padding:4px 6px 4px 16px;margin:5px 0 20px 2px}
.button-pm:hover,.button-friend:hover,.button-pm:focus,.button-friend:focus{text-decoration:none}
.button-friend-added{width:76px;height:25px;border-radius:3px;moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #F79822;font-size:13px;color:#fff;text-align:center;line-height:10px;background:url(../images/follow_tick.png) no-repeat 3px 6px;background-size:10px 10px;background-color:#F79822;padding:4px 6px 4px 16px;margin:5px 0 20px 2px}
.button-follow-small.follow{width:76px;height:25px;border-radius:3px;moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #fff;font-size:13px;color:#000;text-align:center;line-height:10px;background:url(../images/btn_follow.png) no-repeat 1px 4px;background-size:15px 15px;background-color:#fff;padding-left:16px;margin:10px 0 5px 5px}
.button-follow-small.following{width:76px;height:25px;border-radius:3px;moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #5EB530;font-size:13px;color:#fff;text-align:center;line-height:10px;background:url(../images/follow_tick.png) no-repeat 3px 6px;background-size:10px 10px;background-color:#5EB530;padding-left:16px;margin:10px 0 5px 5px}
.follow-number{position:absolute;top:10px;right:50px;width:30px;height:23px;padding:0;background:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:#fff solid 1px;font-size:12px;color:#5EB530;text-align:center;line-height:23px}
.follow-number:after{content:'';position:absolute;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent #FFF;display:block;width:0;z-index:1;left:-6px;top:5px}
.follow-bubble{position:relative;top:-3px;left:-2px;margin:auto;width:205px;height:85px;background:url(../images/follow_bubble@2x.png?v=20170206) no-repeat 0 0;background-size:205px 85px}
#follow-with-number{position:relative;padding:0;width:170px;height:auto;z-index:1}

#foruminfo, #forummoderator { display: inline-block; width: 49.7%; overflow: hidden; margin: 10px 0; color: #000000; }


.follow-unread {position: absolute;width: 0;height: 0;border-style: solid;border-width: 12px 12px 0 0;border-color: #F90 transparent transparent transparent;margin: -8px 0px 0px -6px;}

img.loading{width:auto;height:auto;}

/* achievement */
.achievement_list{ width:100%; position:relative;overflow:hidden; max-height:125px}
.achievement_list .achievement .title{width:100%;text-align:center; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;color: #666;}
.achievement_list_next, .achievement_list_prev{position: absolute; z-index:2; height:100%; width:30px;}
.achievement_list_next{right:0;}
.achievement_list_prev{left:0;}
.achievement_list_next.swiper-button-disabled, .achievement_list_prev.swiper-button-disabled{display:none}
.specialthread .achievement_detail{display:none; position:absolute; background:#fff; z-index:10}

.like-dislike-bubble{position: absolute;margin: -80px -4px;width: 209px;height: 85px;background: url(../images/likedislike_bubble@2x.png?v=20170206) no-repeat 0 0;background-size: 209px 85px;}
.follow-button.block{width:60px;height:25px;border-radius:3px;moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #EF4C23;font-size:13px;color:#EF4C23;text-align:center;line-height:18px;background-color:#fff}
.follow-button.blocking{width:60px;height:25px;border-radius:3px;moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #EF4C23;font-size:13px;color:#fff;text-align:center;line-height:18px;background-color:#EF4C23}

.viewthread-quote fieldset.quote-line{border-top:2px solid #F99920;border-bottom:none;border-left:none;border-right:none;display:block;text-align:center;color:#F99920; margin-bottom:10px;}
.viewthread-quote fieldset.quote-line legend{padding:5px 10px;font-weight:700;}
@-moz-document url-prefix() {.viewthread-quote fieldset.quote-line legend{margin-left:45%;}}
.viewthread-quote .sub-thread .defaultpost{min-height:auto !important;}
.viewthread-quote .first-thread .defaultpost{background:url(../images/quote_icon@2x.png?v=20170206) no-repeat bottom right; background-size:104px auto;margin-right:10px; min-height:50px !important;padding-bottom: 100px;}
.viewthread-quote .sub-thread .avatar img{max-width: 60px !important;height: auto !important;}
.viewthread-quote .postinfo{padding: 0 5px 0 10px;}

/* 20170320 mini hide, #15525 */
.mainbox.viewthread .postinfo .notice_hide_box{
	display: none;
}

.notice_hide .postinfo{
	text-align: right;
}

.notice {
	background-size: 15px;
}

.notice_hide .postinfo strong{
	margin-left:-8px;
}

.notice_hide .postinfo .notice_hide_box{
	display: inline-block !important;
	padding: 0 1em 0 2.5em;
	border: none;
	background-color: transparent;
	background-position: 1em 0.4em;
	margin-bottom: 0;
	vertical-align: middle;
	margin-left: -10px;
	float: left;
	font-size: 13px;
}

.notice_hide .postinfo .notice_hide_box em {
	color: #666;
	float: none;
	display: inline-block;
}

.notice_hide .postinfo .notice_hide_box .notice_hide_img{
	vertical-align: sub;
	height: 15px;
}

.notice_hide .postauthor cite, .notice_hide .postinfo{
	border-bottom: none;
}

.notice_hide .postauthor .avatar, .notice_hide .postauthor p, .notice_hide .postauthor .profile, .notice_hide .postauthor ul , .notice_hide .postmessage.defaultpost, .notice_hide .postauthor .button-pm, .notice_hide .postauthor .button-friend, .notice_hide .signatures{
	display: none;
}

.notice_hide table tr:nth-child(2){
	display: none;
}

.notice_hide .postinfo em, .notice_hide .postinfo input.button, .notice_hide .postinfo a.fbshare, .notice_hide .postinfo a{
	display: none;
}

.mainbox.viewthread .notice_open{
	padding: 0 1em 0 2.5em;
	border: none;
	background-position: 1em 0.5em;
	background-color: transparent;
	margin-bottom: 0;
	vertical-align: middle;
	margin-left: -15px;
	display: inline-block;
	font-size: 13px;
	background-size: 15px;
}
.mainbox.viewthread .notice_open em{
	 color: #666;
}

.mainbox.viewthread .notice_open .notice_hide_img{
	vertical-align: sub;
	height: 15px;
}

.notice_hide_img, .notice_show_img{
	cursor: pointer;
}

.post_author,.post_minimized cite {border-bottom:0;}
.post_author,.post_minimized cite a {border-bottom:0;}
.post_author,.post_minimized .postinfo_minimized {margin:5px 0 0; padding:0 8px 0 10px; color:#666;}
.post_author,.post_minimized .postinfo_minimized .right {float:right; color:#000;}
.post_author,.post_minimized .postinfo_minimized .right strong {margin-left:50px; cursor:pointer; font-weight:bold;}
.post_minimized .postinfo_minimized strong sup { font-weight: normal; margin-left: 1px;}
/* end of 20170320 mini hide */

/*User Profile 20170502 */
.user-profile-cover{
background:url(../images/profile_cover_default.png);
   background-size:cover;
    background-repeat: no-repeat;	
	background-position: center;
	height: 350px;
	margin:auto;
	margin-top: -45px;
	z-index: -10;
	max-width:1000px;
}

.user-profile-pic{
	width: 130px;
    height: 130px;
    border-radius: 110px;
	-webkit-border-radius: 145px;
	-moz-border-radius: 145px;
	border:3px solid #ffffff;
	background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
	margin-left: 20px;
	margin-bottom: 15px;
	}
	
.user-profile-cover-space{
	width: 100%;
	height: 50px;
	background-color: #ffffff;
	position: absolute;
	top: 360px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);

	z-index: -10;
	max-width:1000px;
	
	width: 200%;
	overflow: hidden;
}

.user-profile-name{
	margin-left: 150px;
	margin-top: 68px;
	font-size: 23px;
	color: #F79822;
	width: 500px;
	text-align: left;
}

.user-profile-container{
	display: block;
	width: 1000px;
	height: auto;
	margin: -60px auto 20px auto;
}


.user-profile-container-left{
	display: inline-block;
	width: 320px;
	vertical-align: top;
	margin-left:5px;
}

.user-profile-container-right{
	display: inline-block;
	width: 650px;
	vertical-align: top;
	margin-left: 15px;
}


.user-profile-section{
	font-size: 16px;
	color: #555555;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
	border-radius: 3px;
	text-align: left;
	padding: 15px 15px 15px 15px;
	margin-bottom: 20px;
	background-color: #ffffff;
}



.user-profile-info{
    border-bottom: 1px solid #dddddd;
}

.user-profile-info:last-child{
    border-bottom: none;
}

.user-profile-info-left{
	display: inline-block;
	font-size: 15px;
	color: #727272;
	padding: 8px 0px;
	margin: 5px 5px 5px 15px;
	width: 150px;
	vertical-align: middle;
}

.user-profile-info-right{
	display: inline-block;
	font-size: 15px;
	color: #727272;
	vertical-align: middle;
	width: 430px;
	padding: 8px 0px;
	
	
}


.user-profile-post{
    border-bottom: 1px solid #dddddd;
}

a.user-profile-post{
	text-decoration:none;
	display:block;
}

.user-profile-post:last-child{
    border-bottom: none;
}


.user-profile-post-left{
	display: inline-block;
	font-size: 13px;
	color: #F79822;
	border: 1px solid #F79822;
	border-radius: 5px;
	padding: 5px;
	margin: 10px 5px 10px 15px;
	vertical-align: middle;
}

.user-profile-post-right{
	display: inline-block;
	font-size: 15px;
	color: #727272;
	overflow : hidden;
 	text-overflow : ellipsis;
	white-space : nowrap;
	line-height: 25px;
	vertical-align: middle;
	max-width:100%;
}


.user-profile-number{
	border-right: 1px solid #dddddd; 
	width:140px; 
	display: inline-block;
	text-align: center;
	color: #5EB530;
	font-size: 23px;
	line-height: 25px;
	margin-top: 10px;
}


.round-button-pm {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../images/profile_btn@2x.png?v=20170726a);
    background-size: 375px 25px;
    background-position: 8px 7px;
    background-repeat: no-repeat;
    line-height: 75px;
    border: 1px solid #0091C6;
    border-radius: 50%;
}


.buddy .round-button-friend {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../images/profile_btn@2x.png?v=20170726a);
    background-size: 375px 25px;
    background-position: -42px 7px;
    background-repeat: no-repeat;
    line-height: 75px;
    border: 1px solid #F79821;
    border-radius: 50%;
}

.buddying .round-button-friend {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../images/profile_btn@2x.png?v=20170726a);
    background-size: 375px 25px;
    background-position: -242px 7px;
    background-repeat: no-repeat;
    line-height: 75px;
    border: 1px solid #F79821;
	background-color: #F79821;
    border-radius: 50%;
}


.follow .round-button-follow {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../images/profile_btn@2x.png?v=20170726a);
    background-size: 375px 25px;
    background-position: -92px 7px;
    background-repeat: no-repeat;
    line-height: 75px;
    border: 1px solid #5EB530;
    border-radius: 50%;
}


.following .round-button-follow {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../images/profile_btn@2x.png?v=20170726a);
    background-size: 375px 25px;
    background-position: -292px 7px;
    background-repeat: no-repeat;
    line-height: 75px;
    border: 1px solid #5EB530;
	background-color: #5EB530;
    border-radius: 50%;
}



.user-profile-btn{
	display: inline-block;
	width:65px;
	font-size: 13px;
	text-align: center;
}

.user-profile-btn a{
	text-decoration: none;
}

.user-profile-traditional{
	position: absolute;
	top:65px;
	right: 10px;
	width: 90px;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #ddd;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
}

.user-profile-traditional a{
	display:block;
	text-align:center;
	text-decoration:none;
}

.achievement_detail{
	border:1px #ccc solid;
	border-radius: 3px;
	padding:8px 20px;
	font-size:10px;
	line-height:120%;
	white-space: nowrap;
	color: #999;
}

.achievement_detail .achievement_detail_name, .achievement_detail .achievement_detail_aim{
	font-weight:bold;
	line-height:130%;
	color: #000;
}

.achievement_detail .achievement_detail_name{
	font-size:15px;
}

.achievement_detail .achievement_detail_aim{
	font-size:13px;
	margin-bottom:5px;
}

.achievement_list .achievement img{
	width: auto;
	height: 80px;
	display: block;
	margin: auto;
}

.achievement_list .achievement_list_prev{
	background:url('../images/achievements/achievement_arrow_left.png') center left #fff no-repeat;	
	background-size:20px auto;
	width:20px;
}



.achievement_list .achievement_list_next{
	background:url('../images/achievements/achievement_arrow_right.png') center right #fff no-repeat;
	background-size:20px auto;
	width:20px;
}

/*20170512 Start Btns*/

.start_btn_small_create, .start_btn_small_vote, .start_btn_small_reply{
	display: inline-block;
	border: 1px solid #FB9A00;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
	font-size: 15px;
	color: #FB9A00;
	vertical-align: middle;
	padding: 5px 15px 5px 30px;
	margin: 5px 0px;
}


.start_btn_small_create{
	background:url(../images/start_btns_orange@2x.png?v=20170608a) no-repeat;
	background-size: 15px 105px;
	background-position: 10px 8px;
}


.start_btn_small_vote{
	background:url(../images/start_btns_orange@2x.png?v=20170608a) no-repeat;
	background-size: 15px 105px;
	background-position: 10px -52px;
}

.start_btn_small_reply{
	background:url(../images/start_btns_orange@2x.png?v=20170608a) no-repeat;
	background-size: 15px 105px;
	background-position: 10px -22px;
}


.start_btn_small_create:hover{
	background:#FB9A00 url(../images/start_btns_white@2x.png?v=20170608a) no-repeat;
	background-size: 15px 105px;
	background-position: 10px 8px;
	color: #ffffff;
	text-decoration:none;
}

.start_btn_small_vote:hover{
	background:#FB9A00 url(../images/start_btns_white@2x.png?v=20170608a) no-repeat;
	background-size: 15px 105px;
	background-position: 10px -52px;
	color: #ffffff;
	text-decoration:none;
}

.start_btn_small_reply:hover{
	background:#FB9A00 url(../images/start_btns_white@2x.png?v=20170608a) no-repeat;
	background-size: 15px 105px;
	background-position: 10px -22px;
	color: #ffffff;
	text-decoration:none;
}

.sticker-promo-bubble{margin-left:117px;margin-top:18px;position: absolute;width: 209px;height: 85px;background: url(../images/store_bubble@2x.png?v=20170529) no-repeat 0 0;background-size: 209px 85px;}

#quickpost .sticker-promo-bubble{margin-left:-12px;margin-top:18px;background: url(../images/store_bubble2@2x.png?v=20170529) no-repeat 0 0; background-size: 209px 85px;}
.ranking-container{display:block;width:900px;height:auto;margin:auto}
.ranking-section{font-size:16px;color:#555;box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);border-radius:3px;text-align:left;padding:10px 15px 5px;margin-bottom:15px;background-color:#fff}
.ranking-title{color:#FB9A00;font-size:18px;border-bottom:2px solid #FB9A00;width:75px;padding-bottom:5px;margin-bottom:15px}
.ranking-info{border-bottom:1px solid #ddd;height:50px;margin:10px 5px}
.ranking-info:last-child{border-bottom:0 solid #ddd}
.ranking-info-rank{display:inline-block;font-size:15px;color:#727272;padding:8px 0;width:80px;vertical-align:middle;margin-left:40px}
.ranking-info-username{display:inline-block;font-size:15px;color:#000;vertical-align:middle;width:230px;margin-left:20px}
.ranking-info-numberoffans{display:inline-block;font-size:15px;color:#999;vertical-align:middle;width:230px;background:url(../images/ranking_fans_icon@2x.png) no-repeat;background-size:20px 15px;background-position:1px 2px;padding-left:22px}
.ranking-profile-pic{display:inline-block;width:40px;height:40px;border-radius:150px;-webkit-border-radius:150px;-moz-border-radius:150px;background-repeat:no-repeat;background-size:cover;border:1px solid #ccc;vertical-align:middle}
.ranking-2nd{display:inline-block;width:100px;vertical-align:middle;text-align:center;margin:10px 0 15px 120px;position:relative}
.ranking-1st{display:inline-block;width:120px;vertical-align:middle;text-align:center;margin:10px 150px 15px;position:relative}
.ranking-3rd{display:inline-block;width:100px;vertical-align:middle;text-align:center;margin:10px 100px 15px 0;position:relative}
.ranking-top-username{display:block;font-size:18px;color:#000;margin-top:5px;}
.ranking-top-numberoffans{display:block;font-size:15px;color:#999;margin:5px auto;vertical-align:top}
.ranking-rank-top{position:absolute;left:-10px;top:30px;height:35px;width:35px;border-radius:150px;-webkit-border-radius:150px;-moz-border-radius:150px;background-color:#FDBB11;color:#4A4A4A;font-size:18px;font-style:oblique;text-align:center;line-height:35px}
.ranking-rank-top-1st{position:absolute;left:-25px;top:30px;height:50px;width:50px;border-radius:150px;-webkit-border-radius:150px;-moz-border-radius:150px;background-color:#FDBB11;text-align:center;line-height:50px}
.ranking-top-username:hover, .ranking-info-username:hover{text-decoration:none;}
.follow-button.follow.loading, .follow-button.following.loading, .button-follow-small.loading{background-image:url('../images/bigloading.gif');background-size:15px 15px;background-position:5px 4px;}
.follow-button.block.loading, .follow-button.blocking.loading,.loading .round-button-friend,.loading .round-button-follow{background-image:url('../images/bigloading.gif');background-size:15px 15px;background-position:center;background-repeat: no-repeat;}
.blacklist-button,.blacklist-button.blocking{width:100px;height:25px;font-size:13px;text-align:center;line-height:18px}
.blacklist-button{border-radius:3px;moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #EF4C23;color:#EF4C23;background-color:#fff}
.blacklist-button.blocking{border-radius:3px;moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #EF4C23;color:#fff;background-color:#EF4C23}
.button-pm-large{width:76px;height:25px;border-radius:3px;moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #fff;font-size:13px;color:#000;text-align:center;line-height:10px;background:url(../images/btn_pm.png) no-repeat 1px 4px;background-size:15px 15px;background-color:#0091C6;padding:4px 6px 4px 16px;margin:5px 0 20px 5px}
.t_msgfont .quotation_btn{margin-bottom: 10px;display: inline-block;border:1px solid #0091C6;background-color:#008fc7;padding:5px 10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-appearance:none;color:#fff}
.t_msgfont .quotation_btn:hover{text-decoration:none} 
.fb_page_plugin_container{margin:5px 10px;border: 1px solid #e8e8e8 ;padding: 10px;}
.start_btn_large_viewthread.buysale,.start_btn_large_threadlist.small{padding-left: 45px;}
.start_btn_light_blue{display:inline-block;width:auto;height:45px;background:url(../images/start_btns_bg_2@2x.png?v=20170714) no-repeat;background-size:510px 45px;background-position:left center;right:0px;z-index:10;position:fixed;right:0px;top:34px}.start_btn_dark_blue{display:inline-block;width:auto;height:45px;background:url(../images/start_btns_bg_1@2x.png?v=20170714) no-repeat;background-size:510px 45px;background-position:left center;z-index:50;position:relative;right:0px;top:0px;padding-left:100px;margin-left:-50px}.light_blue_box{display:inline;z-index:51;position:relative}.start_btn_light_blue a{text-decoration:none;display:inline-block;font-size:15px;color:#ffffff;background:url(../images/start_btns_white@2x.png?v=20170714) no-repeat;background-size:15px 105px;margin:4px 20px 5px 10px;padding:5px 15px 5px 30px}.start_btn_light_blue a:first-child{margin:4px 10px 5px 70px;padding:5px 25px 5px 30px}.start_btn_dark_blue a{display:inline-block;font-size:15px;color:#ffffff;background:url(../images/start_btns_white@2x.png?v=20170714) no-repeat;background-size:15px 105px;padding:5px 15px 5px 30px;margin:4px 5px 5px 10px}.start_btn_dark_blue a:first-child{margin:4px 5px 5px 10px}a.sbl_reply{background-position:10px -22px}a.sbl_bookmark{background-position:10px -81px}a.sbl_create{background-position:10px 8px}a.sbl_vote{background-position:10px -52px}
@media only screen and (max-width:979px), only screen and (max-height:420px){.start_btn_light_blue{ position:absolute !important;}}
.round-button-gift{display:inline-block;width:40px;height:40px;background-image:url(../images/profile_btn@2x.png?v=20170726b);background-size: 375px 25px;background-position:-143.5px 7px;background-repeat:no-repeat;line-height:75px;border:1px solid #ff78a3;border-radius:50%}

/* jump to exact floor */
.gotofloor {
  background-image: url(/images/icon_gotofloor@2x.png);
  background-repeat: no-repeat;
  background-size: 26px;
  background-position: center left;
  margin-left: 10px;
  padding-left: 30px;
  float: left;
}
.gotofloor #floornum_top, .gotofloor #floornum_bottom {
	width:55px;
}
.gotofloor input[type=button] {
	padding:2px 5px;
}

#threadtypesSelect_menu {
	margin: unset;
	padding-left: 0px;
	padding-right: 0px;
}

#threadtypesSelect_menu .popupmenu_option {
	margin: 0 1em;
}

#threadtypesSelect_menu button {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	border: none;
	background: transparent;
	color: #003080;
	padding: 0;
	cursor: pointer;
	height: 2em;
	line-height: 2em;
}

#threadtypesSelect_menu input {
	width: unset;
	color: #000000;
	font: 13px/1.6em Tahoma, Verdana;
	margin: 3px 3px 3px 4px;
	padding: 2px;
	border: none;
	background: none;
}

#threadtypesSelect_menu label {
	font-weight: bold;
	cursor: pointer;
}

.headactions_threadfilter #headtable tr:hover td {
	background-color: white;
}

.headactions_threadfilter #headtable td {
	border-top: unset;
	text-align: center;
	padding: 2px;
	border-bottom: unset;
	background-color: white;
}


.headactions_threadfilter input[type=checkbox] {
	display: none;
}

.headactions_threadfilter #headtable .threadtypes_list table td {
	padding-top: 0;
}

.headactions_threadfilter button {
	border: 1px solid #666;
	width: 100%;
	background-color: white;
	font-size: 1em;
	line-height: 1em;
	padding-left: 1px;
	padding-right: 1px;
	color: #666;
	font-family: 微軟正黑體, Microsoft JhengHei, 蘋果儷中黑, Apple LiGothic Medium, 黑体, SimHei;
}

.headactions_threadfilter button:focus {
	outline: unset;
}

.headactions_threadfilter button[checked] {
	background-color: #FF7500;
	color: white;
}

.headactions_threadfilter .filter_mode button[checked] {
	/*color: #FF7500;
	border-color: #FF7500;*/
	color: #666;
	outline: 2px solid #FF7500;
	z-index: 10;
}

.headactions_threadfilter .filter_mode button {
	position: relative;
	z-index: 8;
	width: 45%;
	margin-left: -3px;
	margin-right: -3px;
	background-color: white;
}

.headactions_threadfilter .forum_name button {
	border-left: none;
	width: 60%;
	padding-right: 12px;
}

.headactions_threadfilter .forum_name:hover button, .headactions_threadfilter .forum_name:hover svg polyline{
	border-color: #F99920;
	color: #F99920;
	stroke: #F99920;
}

.headactions_threadfilter .threadtypes_list button:not([checked]):hover {
	border-color: #F99920;
	color: #F99920;
}

.headactions_threadfilter .filter_mode button:hover {
	border-color: #F99920;
	color: #F99920;
	z-index: 9;
}

.headactions_threadfilter .threadtypes_list table tr.collapsible {
	position: absolute;
	z-index: 9999;
}

.headactions_threadfilter .threadtypes_list table tr.collapsible.collapsed {
	display: none;
}

.headactions_threadfilter .threadtypes_list_background {
	position: absolute;
	display: block;
	z-index: 9998;
	background-color: white;
	border-bottom: 1px solid black;
}

.headactions_threadfilter .threadtypes_list_background.collapsed {
	display: none;
}

.headactions_threadfilter #headtable .threadtypes_list table tr.collapsible td.collapsible_container {
	padding: 0;
	width: inherit;
}

.headactions_threadfilter #headtable .threadtypes_list table tr.collapsible td.collapsible_container table {
	width: inherit;
}

.headactions_threadfilter #headtable .threadtypes_list table tr.collapsible td.collapsible_container table thead td {
	padding-top: 0;
	padding-bottom: 0;
}

.headactions_threadfilter .forum_name {
	width: 15%;
	padding: 0;
	padding-left: 10px;
	cursor: pointer;
}

.headactions_threadfilter .forum_name svg {
	margin-left: 10px;
}

.headactions_threadfilter .forum_name svg polyline {
	stroke: #666;
	stroke-width: 1;
	fill: none;
}

.headactions_threadfilter .filter_mode {
	width: 25%;
}

.headactions_threadfilter .threadtypes_list {
	/*width: 53%;*/
}

.headactions_threadfilter table {
	border-collapse: unset;
	table-layout: fixed;
}

@media only screen and (max-width: 1100px) {
  #pager_hint {
		display: none;
  }
}

#usertag_suggestion_div {
	position: absolute;
	z-index: 9999;
	width: 200px;
	border: 1px solid black;
	border-radius: 5px;
	background-color: #F8F8F8;
}

#usertag_suggestion_div .btn_close {
	position: absolute;
	z-index: 9999;
	width: 30px;
	height: 30px;
	right: -10px;
	top: -10px;
	background-image: url('../mobile/images/floating_close.png');
	background-size: 30px 30px;
	cursor: pointer;
}

#usertag_suggestion_div .inputbox_div {
	padding: 10px;
	padding-right: 30px;
}

#usertag_input {
	border: unset;
	box-shadow: 0 0 0px 2px #AAA;
	border-radius: 5px;
	display: block;
	width: 100%;
}

#usertag_suggestion_div .user_tag_suggestion_list_wrapper {
	padding-top: 5px;
	max-height: 220px;
	overflow-y: auto;
}

#usertag_suggestion_list {
	list-style-type: none;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-padding-start: 0;
	padding: 10px;
	padding-top: 0;
}

#usertag_item_loading {
	height: 30px;
}

#usertag_item_loading div {
	height: 10px;
	width: 10px;
	display: inline-block;
	vertical-align: middle;
	background-color: #999;
	border-radius: 100%;
	margin: 2px;
	animation-name: usertag_loading;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-out;
}

@keyframes usertag_loading {
	0% {height: 10px; width: 10px;}
	20% {height: 20px; width: 20px;}
	40%, 100% {height: 10px; width: 10px;}
}

#usertag_item_loading div.loading1 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
#usertag_item_loading div.loading2 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
#usertag_item_loading div.loading3 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

#usertag_suggestion_list li.usertag_suggestion_item {
	margin-bottom: 5px;
}

#usertag_suggestion_list li.usertag_suggestion_item:last-child {
	margin-bottom: 0;
}

#usertag_suggestion_list li.usertag_suggestion_item.selected {
	border-radius: 5px;
	border: 1px solid rgba(249, 153, 32, 0.7);	
}

#usertag_suggestion_list li.usertag_suggestion_item:hover {
	background-color: rgba(149, 232, 249, 0.4);
}

#usertag_suggestion_list li .usertag_suggestion_item_wrapper {
	display: inline-flex;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}

#usertag_suggestion_list li .usertag_suggestion_item_avatar {
	background-repeat: no-repeat;
	background-size: 35px 35px;
	height:35px;
	width: 35px;
	margin-left: 10px;
}

#usertag_suggestion_list li .usertag_suggestion_item_username {
	margin-left: 10px;
}

a.usertag {
	text-decoration: none !important;
	/*background-color: rgba(249, 153, 32, 0.2);*/
	color: #039BE5 !important;
	/*border-radius: 5px;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 4px;
	margin-right: 4px;*/
}

#wysiwyg a.usertag {
	color: #039BE5 !important;
}

div.autosave[contenteditable] {
	margin: 0;
}

div.autosave[contenteditable] div {
	margin: 0;
}

#notification .notification-menu {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	background: #FFF;
	margin-top: 2px;
	padding: 5px 20px;
	line-height: 20px;
}

#notification .notification-menu * {
	font-weight: normal;
}

#notification .notification-menu ~ .inner {
	padding-top: 0;
}

#notification .notification-menu .notification-all, #notification .notification-menu .notification-personal {
	width: 40%;
	text-align: center;
	font-size: 16px;
	color: #8B8B8B;
}

#notification .notification-menu .notification-separator {
	border-right: 1px solid #ccc;
}

#notification .notification-menu[active=all] .notification-all a, #notification .notification-menu[active=personal] .notification-personal a {
	border-bottom: 3px solid #F79822;
}

#notification .notification-menu[active=all] ~ .inner[personal], #notification .notification-menu[active=personal] ~ .inner[all] {
	display: none;
}

#notification .notification-menu .notification-personal.new a:after {
	content: '';
	background-color: red;
	width: 8px;
	height: 8px;
	display: inline-flex;
	border-radius: 50%;
	vertical-align: top;
}


/*
Default Style for Discuz!(R)
URL: http://www.discuz.net
(C) 2001-2007 Comsenz Inc.
<style type="text/css">
*/