@import url(global.css);
@import url(layout.css);
@import url(component.css);

.ContStyle {
	/*border:1px solid #CCCCCC;*/
	overflow:hidden;
}
/* ============================================
文章的佈局

Usage examples:
<div id="Content" class="ContStyle">
	<div class="LeftCol">
		<h4>xx</h4>
		<ul class="ArticleCate">
			<li>xx</li>
		</ul>
	</div>
	<div class="RightCol">
		<div class="NavInfo">xx</div>
		<div class="ArticleBox">
			<div class="ListTitle">
				<div class="ArTitle">xx</div>
				<div class="ArBrowseNum">11</div>
				<div class="ArTime"></div>
			</div>
			<div class="ArListRow">
				<div class="ArTitle">xx</div>
				<div class="ArBrowseNum">11</div>
				<div class="ArTime"></div>
			</div>
		</div>
	</div>
</div>
============================================ */

.LeftCol {
	float:left;
	width:200px;
	overflow: hidden;	
}
.LeftCol .LeftBottom {
border-bottom:1px dashed #DDDDDD;
float:left;
margin-top:12px;
padding:8px 0pt;
width:200px;
}
.LeftCol ul.ArticleCate {
	clear:both;
	text-align:center;
	margin:0 auto;
	border-top:none;
	width:99%;
	margin-bottom:8px;
}
.LeftCol ul.ArticleCate li {
	float:left;
	padding-left:20px;
	background:transparent url(../../../images/index/public/global/07.gif) no-repeat 20px center;
	line-height:30px;
}
.LeftCol ul.ArticleCate li a{
	float:left;
	margin-left:10px;
	font-size: 11pt;
}
.LeftCol ul.ArticleCate li span {
	float:right;
	width:45px;
	text-align:left;
}
.RightCol {
	float:right;
	width:740px;
	margin-left: 8px;
	padding-bottom:10px;
}
.RightCol .NavInfo {
	font-size:12pt;
	margin:8px 0;
	overflow:hidden;
}
.ArticleBox {
	clear:both;
	border:1px solid #dddddd;
	margin-bottom:15px;
	padding-bottom:10px;
}
.ArticleBox .ListTitle {
	background:url(../../../images/index/public/house/index_bg3.gif) repeat left;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	font-size:10pt;
	height:22px;
}
.SolidLine {
	border-top:1px solid #FFDA68;
	height:1px;
	line-height: 0px;
}
.ArticleBox .ListTitle div { padding-top:4px; padding-left:5px}
.ArticleBox .ListTitle .ArTitle { width:415px;}
.ArticleBox .ArListRow {
	font-size:11pt;
	clear:both;
	padding:5px 0 25px 0px;
}
.ArticleBox .ArTitle{
	float:left;
	width:415px;
}
.ArticleBox .ArListRow .ArTitle {
	text-align:left;
	color:#0084C1;
	padding-left:16px;
	background:transparent url(../../../images/index/public/global/dian.gif) no-repeat 6px center;
}
.ArticleBox .ArBrowseNum{
	float:left;
	width:60px;
	text-align:right;
	margin-right:40px;
	padding-right:0px;
}
.ArticleBox .Comment_total{
	float:left;
	width:100px;
	width:50px;
	text-align:right;
	margin-right:40px;
	padding-right:0px;
}
.ArticleBox .ArTime{
	float:left;
	width:100px;
}
/* ============================================
投稿的右頁面

Usage examples:
<div class="RightCol RightW">
	<div class="FormRow">
		<label>xx</label>xxx
	</div>
	<div class="FormRow">
		<label></label>
		<div class="RightArea">x</div>
	</div>
	<ul class="PostDesc">
		<li>xx</li>
	</ul>
</div>
============================================ */
.RightW {
	width:738px;
	text-align:left;
	border:1px solid #D1D7DC;
	overflow:hidden;
}
.RightW .FormRow {
	clear:both;
	margin-bottom:5px;
	text-align: left;
}
.RightW .FormRow label {
	float:left;
	width: 90px;
	padding-left:15px;
}
.RightW .FormRow .RightArea {
	float:left;
}
label.lblH0 {
	height:24px;
	line-height:24px;
	vertical-align: middle;
}
label.lblH1 {
	height:246px;
	line-height:246px;
	vertical-align: middle;
}
label.lblH2 {
	height:52px;
	line-height:52px;
	vertical-align: middle;
}
label.lblH3 {
	height: 170px;
	line-height:170px;
	vertical-align: middle;
}
.RightW ul.PostDesc {
	margin-left:10px;
}
.RightW ul.PostDesc li {
	line-height: 26px;
}
.RightW ul.PostDesc li span {
	font-family:Verdana;
	font-size:10pt;
	line-height:1.7;
	color:#0084C1;
	padding-right:8px;
}
.MT2 {
	margin-top: 2px;
}
.SqaStyle {
	color:#0084C1;
	font-size:18px;
}
/* ============================================
顯示文章內容的頁面

Usage examples:
<div class="ArticleTitle">
	<strong></strong><span></span><h4>xxx</h4>
</div>
<div class="ArticleTime">xx</div>
<div class="ArticleCont">xxx</div>
============================================ */
.ArticleTitle {
	clear:both;
	padding-left:15px;
	padding-top:6px;
	text-align:center;	
	border-top:1px solid #D1D7DC;
}
.ArticleTitle h4 {
	font-size:12pt;
}
.ArticleTime {
	margin:6px 10px 6px 0;
	text-align:right;
}

.ArticleCont {
	background-color:#FFFAFA;
	border-top:1px dashed #B2B2B2;
	font-family:Verdana;
	font-size:11pt;
	margin:8px 0pt 0pt;
	overflow:hidden;
	padding:10px;
	text-align:left;
	line-height:22px;
}
/* ============================================
調查評論顯示

Usage examples:

============================================ */
.VoteRemark {
	border-bottom:1px solid #CCCCCC;
	width:710px;
	text-align:left;
	margin-bottom: 6px;
	padding-bottom:8px;
}
.VoteRemark .RTitle {
	margin-bottom:4px;
	padding-top: 5px;
	font-size: 13px;
}
.VoteRemark .RContent {

}
.Remark {
	float: right;
	width:740px;
	text-align:left;
	margin-top: 10px;
	margin-bottom:24px;
}
.Remark .RTitle {
	height:25px;
	margin-bottom:10px;
	background-color: #EBEBEB;
	padding-left:5px;
	padding-top: 5px;
	font-size: 13px;
}
.Remark .RContent {
	border:1px dashed #cccccc; 
	padding-left:0px;
}
.input {
	font-family: 新細明體, Arial;
	font-size: 9pt;
	border: 1px dashed #cccccc;
	padding-top:5px;
	padding-bottom:5px;
}
.pl{
   color:#999999;
   text-align:center;
   margin-bottom:10px;
}
.reply{
   font-size:13px;
   color:#666666;
   padding-left:4px;
   padding-right:10px;
   margin-bottom:5px; 
   margin-top:5px;

}
.reply li{
   font-size:13px;
   color:#666666;
   border-bottom:1px dashed #999999;
   padding-left:10px;
   padding-right:10px;
   margin-bottom:5px;
   padding-bottom:5px;
   line-height:20px;
}
.reply h4{
   font-size:13px;
   color:#666666;
   padding-left:10px;
   padding-right:10px;
}
.HotArticle{
   font-size:13px;
   color:#666666;
   padding-left:4px;
   padding-right:10px;
   margin-bottom:14px; 
   margin-top:2px;
}
.HotArticle ul {
	margin-left:4px;
}
.HotArticle li{
	color:#666666;
	font-size:10pt;
	text-align:left;
	line-height:20px;
	margin-bottom:5px;
	padding-left:24px;
	padding-right:0px;
	background: transparent url(../../../images/index/public/thumb/listrightarrow.gif) no-repeat 10px center;		
}
.HotArticle span{
	float:left;
	text-align:left;
	position:absolute;
}