/* ----------------------------------- 
Project: 100Shop BBBS
URL: bbs.100shop.com
Designer: Ayuleo Chan
Update: 2007-07-02
-------------------------------------- */
*{
	padding: 0;
	margin: 0;
}
img, a img{	border: none;}
 table{	width: 100%;font-size: 12px; border: none;border-collapse: collapse;  border-spacing: 0;}
 table td,  table th{word-wrap:break-word; }
 h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2;
	color: #000;
	font-weight: bolder;
 }
 h2{font-size: 22px; }
 h3, h4{font-size: 14px; }
 h5, h6{font-size: 12px; }
 p{	margin-bottom: 0.5em; }
 ol, ul{
 	margin-left: 18px;
 }
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: #fff;
	color: #444;
	text-align: center;
	padding: 10px 0;
}
a{color:#049;text-decoration:underline;}
a:hover{color:#C30;text-decoration:underline;}
.textLeft{text-align: left;}
.textRight{text-align: right;}
.textCenter{text-align: center;}
.floatLeft{	float: left;}
.floatRight{float: right;}
.clear{	clear: both;}
.imgFloatLeft{
	float: left;
	margin: 0  8px 0 0;
}
.imgFloatRight{
	float: right;
	margin: 0 0 0 8px;
}
/*Hacks*/
.clearAfter:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
 * html .clearAfter {zoom:1;}
 *:first-child+html .clearAfter{display: inline-block;}
 /* Hides from IE-mac \*/
 .clearAfter{display: block;}
 /* End hide from IE-mac */
 .table td, .table th{
 	padding: 4px 2px;
 }
 input, textarea, select{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 }
 .input{
 	padding: 1px 2px;
 }
.input:lang(en){
 	padding: 2px;
 }
 .button{
 	padding: 2px 5px;
 }
 /* Layout */
 .wrap{
 	width: 950px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	word-wrap:break-word;
 }
 #colLeft{
 	width: 130px;
	float: left;
	background: transparent url(./bbsimg/catalog_b.gif) no-repeat 0 100%;
	padding: 0 0 8px 0;
 }
  #colLeft .colLeftInner{
	background: transparent url(./bbsimg/catalog_t.gif) no-repeat 0 0;
	padding: 8px 5px 0 5px;
	margin-top:3px;
  }
 #colRight{
 	float: right;
	width: 820px;
	background: transparent url(./bbsimg/content_b.gif) no-repeat 0 100%;
	padding: 0 0 10px 0;
	overflow: hidden;
	word-wrap:break-word;
 }
  #colRight .colRightInner{
  	background: transparent url(./bbsimg/content_t.gif) no-repeat 0 0;
	padding: 10px 10px 0 10px;
	word-wrap:break-word; 
  }
  .sColLeft{
  	display: block;
	width: 540px;
	float: left;
	word-wrap:break-word;
  }
  .sColRight{
  	display: block;
	width: 260px;
	float: right;
	word-wrap:break-word;
  }
  #footer{
  	margin-top: 0.8em;
	text-align: center;
	color: #535353;
  }
  .dialog {
	 position:relative;
	 margin:0px auto;
	 min-width:8em;
	 max-width:788px; /* based on image dimensions - not quite consistent with drip styles yet */
	 z-index:1;
	 margin-left:12px; /* default, width of left corner */
	 margin-bottom:0.8em; /* spacing under dialog */
}
.dialog .content,.dialog .t,.dialog .b,.dialog .b div {
	 background:transparent url(./bbsimg/panelbox.png) no-repeat top right;
	  _background-image:url(./bbsimg/panelbox.gif);
}
.dialog .content {
	 position:relative;
	 zoom:1;
	 _overflow-y:hidden;
	 padding:0px 12px 0px 0px;
}
.dialog .t {
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:12px; /* top slice width */
	 margin-left:-12px;
	 height:100%;
	 _height:1600px; /* arbitrary long height, IE 6 */
	 background-position:top left;
}
.dialog .b {
	 position:relative;
	 width:100%;
}
.dialog .b,.dialog .b div {
	 height:8px; /* height of bottom cap/shade */
	 font-size:1px;
}
.dialog .b {
	 background-position:bottom right;
}
.dialog .b div {
	 position:relative;
	 width:12px; /* bottom corner width */
	 margin-left:-12px;
	 background-position:bottom left;
}
.dialog .hd,.dialog .bd,.dialog .ft {
	 position:relative;
}

 /* -------------------- Header ------------------------ */
#header{
	clear: both;
}
#topNav{
	float: right;
}
 #topNav ul{
list-style: none;
margin: 0;
 }
#topNav ul li{
	display: inline;
	background: transparent url(./bbsimg/dot.gif) no-repeat  0 50%;
	padding-left: 10px;
}
#topNav a{
	color: #666;
	text-decoration: none;
}
#topNav a:hover{
	color: #C30;
	text-decoration: underline;
}
#logo{
float: left;
}
#logo h1{
margin: 0;
padding: 0;
}
#logo h1 a, #logo h1 a:hover{
	display: block;
	width: 233px;
	height: 35px;
	background: transparent url(./bbsimg/100shop.gif) no-repeat;
	text-indent: -8008px;
	text-decoration: none;
}
#topPanel{padding-right:10px; }
#topTabMenu{float:right; }
* html #topTabMenu{width:510px;}
.ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.tabMenuL ul{display:block;height:27px;}
.tabMenuL ul li{display:block;width:100px;height:27px;float:left;margin-right:2px;}
.tabMenuL ul li a{display:block;width:100px;height:27px;text-align:center;background:transparent url(./bbsimg/menu_tab1.gif) no-repeat 0 -27px;line-height:27px;float:left;font-size:12px;text-decoration:none;color:#002D76;}
.tabMenuL ul li a:hover{color:#000057;text-decoration:underline;}
.tabMenuL ul li a.selected, .tabMenuL ul li a.selected:hover{background-position:0 0;color:#fff !important;font-weight:bolder;text-decoration:none !important;}
#topBroadcast{width:400px;overflow:hidden;float:left;margin-top:5px;color:#666; height: 20px; position: relative;}
#topBroadcastContainer{
	height:22px;line-height:22px;overflow:hidden;
	position: absolute;
	top: 0;
	left:0;
}
#topBroadcastContainer .marqueeBox{
	background:transparent url(./bbsimg/broadcast.gif) no-repeat 0 50%;
	padding-left:25px; 
}
.fullPanelHead{background:#fff url(./bbsimg/panel_head_right.gif) no-repeat 100% 0;color:#fff;height:25px;line-height:25px;text-align:center;}
.fullPanelHeadInner{background: transparent url(./bbsimg/panel_head_left.gif) no-repeat 0 0; padding-left: 10px; padding-right: 10px;}
.fullPanelBox{background:#fff url(./bbsimg/panel_bottom_right.gif) no-repeat 100% 100%; }
.fullPanelBoxInner{	background: transparent url(./bbsimg/panel_bottom_left.gif) no-repeat 0 100%;  padding: 5px 10px; }

* html label{vertical-align: middle;}
#topPanelBox .input, #topPanelBox input, #topPanelBox .button, #topPanelBox select{
	padding: 0;
	margin:0;
	background-color: #f8f8f8;
	font-size: 12px;
	height: 22px;
	line-height: 20px;
}
#topPanelBox select, #topPanelBox .input{
	border: 1px solid #999;
}
#topPanelBox .input{
	height: 18px;
	line-height: 18px;
}
#topPanelBox .button{
	background-color: #FF9F10;
	color: #000057;
}
#topPanelBox select, #topPanelBox select option{
	line-height: 15px !important;
	height: 20px !important;
}
* html #topPanelBox select option{
	display: block;
	height: 15px;
	margin: 0;
	padding: 0;
} 
.fullPanelHead ul.ul li{display:inline;padding:0 10px;}
#saleSearchBox{float:left;}
#peopleSearch{float:right;margin-right:20px;}
* html #peopleSearch{margin-right:0;}
.clearFix{display:block;height:0 !important;overflow:hidden;clear:both;}
.clearFix hr{ display: none; }
#headerPanel, #topPanelBox{
	margin-bottom: 10px;
	clear: both;
}
/* --------------- ContentBody -----------------*/
/*catalogs List*/
#catalogList ul{
	list-style: none;
	margin: 0;
	font-size: 14px;
}
#catalogList ul li{
	margin-bottom: 0.5em;
}
#catalogList ul li span{
	font-weight: bolder;
	color: #C30;
	background: transparent url(./bbsimg/b-line.gif) no-repeat 0 100%;
	padding-bottom: 3px;
	margin-bottom: 0.3em;
	display: block;
}
#catalogList ul li dl{
	margin-left: 5px;
	line-height: 1.6;
	letter-spacing: 1px;
}
#catalogList ul li dl dd a.selected{
	background-color: #FFF;
	display: block;
	margin: 0 -5px;
	color: #333;
	text-decoration: none;
	font-weight: bolder;
	border-bottom: 1px solid #FFE2A9;
	text-indent: 5px;
}
/* Right Content area */
.sColLeft .dialog{
	width: 516px;
}
.dialog .contentWrap{
	position: static;
	word-wrap:break-word; 
}
.contentWrap h3{
	color: #666;
}
.contentWrap h5{
	text-align: center;
	font-size: 14px;
}
.contentWrap h5 small, .contentWrap h5 small a{
	color:#999;
	font-weight: normal;
	font-size: 12px;
}
ul.topicList{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
ul.topicList li{
	display: block;
	height: 26px;
	clear: both;
	line-height: 24px;
}
ul.topicList .remark, ul.topicList .remark a{
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
ul.topicList .remark a:hover{
	color: #333;
	text-decoration: none;
}
ul.topicList .author{
	font-size: 12px;
	color: #999;
	float: right;
	display: inline;
	margin-top: -23px;
}
ul.topicList .author a{
	color: #666;
	text-decoration: none;
}
ul.topicList .author a:hover{
	color: #666;
	text-decoration: underline;
}
.topicListArea{
	background: #fff url(./bbsimg/tbg.gif) repeat;
}
/*Side */
.sideBox{
	margin-bottom: 0.8em;
	padding: 0 0 15px 0;
	background: #fff url(./bbsimg/sidebox_b.gif) no-repeat 0 100%;
}
.sideBoxInner{
	background: transparent url(./bbsimg/sidebox_t.gif) no-repeat 0 0;
	padding: 0 10px 0 10px;
}
.sideBox h4{
	color: #666;
	line-height: 1.8;
}
.dotList{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.7;
	font-family: Arial, Helvetica, sans-serif;
}
.dotList li{
	background: transparent url(./bbsimg/dot.gif) no-repeat 0 50%;
	padding-left: 10px;
}
.misn{
	color:  #f60;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.listTable td, .listTable th{
	padding: 3px 2px;
}
.listTable thead th{
	border-bottom: 1px solid #FFE2A9;
}
.listTable tbody td{
	border-bottom: 1px solid #ECECEC;
}
/* catalog topic list*/
.catalogName{
	color: #000 !important;
}

.catalogIntro{
	margin-bottom: 4px;
}
.catalogMisc {
	color: #999;
}
.catalogMisc dl dd, .postMisc dl dd{
	display: inline;
	padding-right: 15px;
}
/*topic list table*/
.topicListTable thead th{
	background: #fff url(./bbsimg/ybg.gif) repeat-x;
	padding: 3px 3px 5px 3px;
	border-top: 1px solid #ff9f55;
}
.topicListTable tbody td{
	padding: 7px 3px;
	border-bottom: 1px solid #ececec;
}
.topicListTable tbody tr:hover{
	background-color: #f9f9f9;
}
.topicTitle, a.topicTitle{
	font-size: 14px;
	background: transparent url(./bbsimg/post_yellow.gif) no-repeat 0 50%;
	padding-left: 20px;
}
#topicListRule a{
	text-decoration: none;
}
#topicListRule {
	margin-bottom: 3px;
}
/*Pages Nav*/
.pagesNav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px 0;
	color: #777;
	line-height: 1.4;
}
.pagesNav a, .pagesNav span{
	margin-right: 2px;
	padding: 2px 6px;
	display: inline-block;
	cursor: default;
}
.pagesNav a{
	border: 1px solid #ccc;
	text-decoration: none;
	color: #049;
	cursor: pointer;
}
.pagesNav a:hover{
	border: 1px solid #049;
	text-decoration: none;
	background-color: #f9f9f9;
}
.pagesNav span{
	border: 1px solid #ccc;
}
.pagesNav .noncePage{
	border: 1px solid #049;
	background-color: #049;
	color: #FFF;
}
/* post view*/
.postMisc{
	font-size: 12px;
	color: #666;
	border-bottom: 1px solid #ccc;
}
.straightMatter{
	font-size: 14px;
	line-height: 1.8em;
}
.straightMatter p{
	margin-top:0.9em;
	margin-bottom:0.9em ;
}
.postAuthor{
	margin: 0 5px;
}
.postAuthorName, .postAuthorName a{
	font-size: 14px;
	color: #000;
	text-decoration: none;
	text-align: center;
}
.postAuthorPic, .postAuthorShop{
	text-align: center;
}
.postAuthorPic img{
	padding: 2px;
	border: 5px solid #FFE2A9;
}
.postAuthorPic a:hover img{
	border: 5px solid #FF9F55;
	padding: 2px;
}

#localNav{
	margin-bottom: 0.3em;
}

/*--------- Comments ---------*/
#commentListBody{
	margin-top: 0.8em;
}
.commentItem{
	border: 2px solid #F6F6F6;
	margin-bottom: 0.8em;
	background-color: #fff;
	word-wrap:break-word; 
}
.commentItem .commentItemInner{
	border: 1px solid #ccc;
	padding: 8px;
}
.commentAuthor{
	float: left;
}
.commentAuthor img{
	padding: 1px;
	border: 1px solid #ccc;
}
.commentText{
	margin-left: 65px;
	text-align: left;
}
.commentMisc{
	float: right;
}
.commentDate{
	color: #666;
}
.commentContent {
	font-size: 14px;
	line-height: 1.5;
}
.commentContent blockquote{
	display: block;
	margin-bottom: 0.5em;
	background-color: #f5f5f5;
	border: dashed 1px #ccc;
	padding: 5px;
}
.quoteHead{
	color: #666;
	font-size: 12px;
}

#addCommentForm{
	border: 1px solid #FF9F55;
	background: #fff url(./bbsimg/ybg.gif) repeat-x 0 0;
	margin-top: 0.8em; 
}
#addCommentFormInner{
	padding: 3px 8px 8px 8px;
}
#postCommentForm{
	width: 550px;
	float: left;
}
.smallLogin{
	margin-bottom: 0.5em;
}
#commentTextarea textarea{
	width: 100%;
	height: 120px;
	margin-bottom: 0.5em;
}
#relatedPostList{
	width: 300px;
	float: right;
}

/* new post topic form */
textarea#postcontent{
	width: 95%;
	height: 30em;
	text-align: left;
	z-index: 10000;
	font-size: 12px;
}
.ott, .ott td{
	background-color: #FAFAFA;
}