/*@charset "utf-8";*/
html
{
}

body
{
	font-size:small;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#666666;
	text-align:left;
	letter-spacing:2px;
	background:url(http://mining.tw/images/contentBg.jpg) repeat-x;
	width:900px;
	margin:0 auto;
}

a
{
	text-decoration: none;
	color: #3C7BCF;
}

a:hover 
{
	text-decoration:underline;
}

textarea
{
	border:1px solid  #CCCCCC;
	color:#4C93E9 ; /* #0063DC */
	padding:2px;
}

small
{
 font-size:x-small;
}

div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td
{
	margin: 0 ; padding: 0 ; 
}

ul,li
{
 list-style:none;
 margin:0;
 padding:0;
}

img 
{ 
	border:0px; 
}

h1
{ 
	color: #626456;
	clear:both;
	margin:0;
	padding:0;
	font-size:13px;
}

h1,h2,h3,h4,h5
{ 
	color: #626456;
	clear:both;
	margin:0;
	padding:0;
	font-size:13px;
}

p
{
	line-height:1.5em;
}

blockquote
{
	text-decoration:overline;
}

button
{
 border:1px solid #c4d0d8;
}

input
{
	color:#9bacb7;
	margin:0 0px;
	height: 1.5em;
	background:#FFF;
	border:1px solid #c4d0d8;
}

hr
{
	width:100%;
    border:none;
	height:0px;
	border-top:1px #FFF dashed ; 
    clear:both;
}

#navbar ,#content ,#footer
{
	width:900px;
	margin:0 auto;
	clear:both;
}

#navbar
{
}

#content
{
	height:100%;
	overflow:hidden;
}
#footer
{
	margin-top:20px;
	padding:10px ;
}

.hide
{
	  display:none;
}

.noList
{
	float:left;
	display:block;
	position:relative;
	margin:0;
	padding:0;
}
.noList li
{
	float:left;
	list-style-type:none;
	margin:0;
}

/*menu*/
.noList li a
{
	color:#FFFFFF;
}

.noList li a:hover
{
	text-decoration:none;
	color:#0071bc;
}

.noList li a span
{
	width:100px;
	height:20px;
	display:block;
	padding:5px 0;
	text-align:center;
}
.noList li a:hover span
{
	 width:100px;
	 height:15px;
	 display:block;
	 padding:5px 0;
	 background:url(../images/headBg.jpg) repeat-x;
	 border-bottom:5px solid #ea4444;
}

.onCenter
{
	margin:0 auto;
}

.showUnderDashed
{
}

.showUnderDashed li
{
	border-bottom:#CCCCCC 1px dotted ;
	padding-left:8px;
	margin:2px;
}

.showListNote{}
.showListNote li
{
	list-style-type:circle;
	list-style-position:inside;
}

/* float Left */
.Fleft
{
	float:left;
}

.FRight
{
	float:right;
}

.clearFloat
{
	clear:both;
}
.GrayOutline1px
{
	border:1px solid #CCCCCC ;
}
.noneOutline
{
	border:0px !important ;
}

#mainContent
{
	float:left;
	width:650px;
	margin-top:20px;
}

#AllContent
{
	width:600px;
	margin-top:20px;
	margin:0 auto;
}

#sideBar
{
	float:left;
	width:250px;
	margin-top:20px;
}

/* 欄位區塊版面 */

.cb_Center /* cb , content Block */
{
	width:400px;
	margin-bottom:10px;
	margin:0 auto;
}

.cb_Line /* cb , content Block */
{
	width:650px;
	margin-bottom:10px;
	/*margin-bottom:4px;*/
	display:block;
	float:left;
	position:relative;
}


.cb_Line h3
{
	color:#FFF;
	font-size:13px;
	line-height:20px;
	font-weight:lighter;
	padding:2px 0 2px 10px;
	background:url(http://mining.tw/images/base/h3BG.gif);
}
.cb_1r , .cb_2r , .cb_3r
{
	float:left;
	border:1px #c4d0d8 solid;
	padding:1px;
	margin:0px;
	background:url(http://mining.tw/images/base/cbBg.jpg) repeat-x 0 bottom;
}


.cb_1r
{
	width:625px;
}

.cb_1r div
{
	 padding:5px;
}

.cb_2r 
{
	width:305px;
	margin-right:10px;
}
.cb_3r
{
	width:202px;
	margin-right:5px;
}

.cb_text
{
	display:block;
	min-height:100px;
	padding:10px;
}

.mList
{
	width:100%;
	clear:both;
}

.mList h3
{
	line-height:25px;
	color:#0071bc;
	margin:5px 0;
}

.mList ul
{
	list-style-position:outside;
}

.mList ul li
{
	 margin:0 6px;
}

.mItem
{
	width:100px;
	height:140px;
	background-color:#FFFFFF;
	margin:5px 0 ;
	padding:5px;
}

.mItem:hover
{
	background-color:#EEE;
}
.mPic
{
	width:90px;
	height:90px;
	border:1px solid #CCCCCC;
	text-align:center;
	display:block;
	margin:0 auto;
	padding:2px;
	margin-bottom:5px;
}
.mTitle  
{
	height:2.4em;
	margin:0 auto;
	font-size:small;
	line-height:1.2em;
	overflow:hidden;
}


/* 使用者資料頁面*/
.tableWrapper
{

	overflow:hidden;
	border-top: 1px solid #CCC;
	padding:5px 0px;
}

.tableHeader , .tableContent
{
	padding:2px;
	float:left;
	font-size:small;	
}

.tableHeader /* 60 +10 +8*/
{
	font-weight:bold;
	width:80px;
	border-left:#3399CC 10px solid ;
}

.tableContent
{
	width:250px;
	overflow:hidden;
}	

#userData
{
	margin-top:10px;
	margin-right:10px;
	height:2em;
}

#userData div
{
	float:right;
	background-color:#0099FF;
	color:#FFFFFF;
	padding: 2px 5px;
	margin:0 3px;
	font-size:small;
}
#userData a
{
	color:#FFF;
}
#userData div:link ,#userData div:active,#userData div:visited
{
	color:#FFF 
}

#userData div:hover
{
	background-color:#FF9933;
}




.friendNickNameList li:hover
{
	color:#FFFFFF;
	background-color:#0099FF;
}

.friendNickNameList li
{
	list-style-image:url(../images/base/arrow_y.gif) !important ;
	list-style-type:none;
}
.friendNickNameList li span
{
	color:#0066FF;
}

.UserProfilePic
{
	width:200px;
	height:200px;
	border:1px #CCCCCC solid;
	padding:2px;
	background-color:#FFFFFF;
	margin:10px 0 0 10px;
	clear:left;
}

.UserProfilePic90
{
	width:90px;
	height:90px;
	border:1px #CCCCCC solid;
	padding:2px;
	background-color:#FFFFFF;
	margin:10px 0 0 10px;
	clear:left;
}



.UserNickName
{
	font-size:24px;
	text-indent:1em;
	line-height:2em;
}

/* Collect */
.collectThis
{
	float:right;
	clear:right;
}

#tabWrapper
{
	overflow:visible;
	clear:both;
}

.tabON , .tabOFF
{
	float:left;
	width:100px;
	height:20px;
	text-align:center;
	padding-top:3px;
	background-repeat:no-repeat;
}

.tabOFF a:hover
{
	color:#0066CC;
}

.tabON
{
	background-image:url(http://mining.tw/images/tabOn.gif);

}

.tabOFF
{
	background-image:url(http://mining.tw/images/tabOff.gif);
}

.tabOFF a 
{
	color:#999999;
}

#footerText
{
	display:block;
}

#footerText img
{
	vertical-align:middle;
}

.sideBlock
{
 width:240px;
 float:right;
 margin-bottom:10px;
 border:1px solid #0071bc;
}

.sideBlock h3
{
	color:#0071bc;
	font-size:13px;
	line-height:20px;
	font-weight:lighter;
	text-indent:1.4em;
	padding:2px 0 0 5px;
	*padding:5px 0 0 5px;
}

.sideBlock span
{
 display:block;
 padding:5px;
 border-top:1px solid #0071bc;
 /*border-top:none;*/
}

/* 照片輪撥 */

.rollTitle /* 罐頭名稱 */
{
}

.rollPic /* 照片 */
{
	text-align:center;
	border:1px #CCCCCC solid;
	background-color:#FFF;
	padding:5px;
	width:210px;
	height:210px;	
}

.rollSubtitle
{
}

#navbar-func
{
	float:right;
}

#navbar-func ul
{
	margin:0;
	padding:0;
	list-style:none;
}

#navbar-func ul li
{
	display:block;
	float:left;
	padding:3px 5px;
	font-size:12px;
}

#navbar-func a
{
	color:#999999;
}

#navbar-func a:hover
{
	color:#0071bc;
}

#nav-menu
{	
	width:900px;
	background:#0071bc;
	height:30px;
	display:block;
	float:left;
	position:relative;
}

#nav-search
{	
	width:900px;
	height:30px;
	display:block;
	float:left;
	position:relative;
	padding: 2px;
}

#bigLogo
{
	float:left;
	position:relative;
	width:601px;
	height:94px;
	background-repeat:no-repeat;
	background-image: url(http://mining.tw/images/logo.png);
}

#bigLogo h2
{
	display:none;
}
#bigLogo h1
{
	float:left;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #626456;
	clear:both;
	margin:0;
	padding:0;
	font-size:36px;
}

#divAds {display: none;}

.ListCss
{
	z-index: 100;
	border: 1px solid #c4d0d8;
	border-top: 0px;
	padding: 1px;
	background-color: White;
}

.minput
{
	color:#9bacb7;
	margin:0 0px;
	height: 1.5em;
	background:#FFF;
	border:1px solid #c4d0d8;
}

.Tags{
	font-family: "微軟正黑體", "LiHei Pro", "Arial Unicode MS","Trebuchet MS",Arial,Helvetica;
	font-size:24px;
}


.PicList
{
	float:left;
	display:block;
	position:relative;
	margin:0;
	padding:0;
}
.PicList li
{
	float:left;
	list-style-type:none;
	margin:0;
}

.PicList li a
{
	color:#666666;
}

.PicList li a:hover
{
	text-decoration:none;
	color:#0071bc;
}