/* CSS Document */
body {
	margin:0px;
	padding:0px;
	text-align: center;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#365006;
	line-height:150%;
}
a{
	color:#FFFFFF;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	position:relative;
	left:1px;
	top:1px;
}
form{margin:0;padding:0;}
#container {
	width: 1001px;
	background: url(../images/main_bg.jpg);
	height:auto;
	margin: 0 auto;
	text-align: left;
}

#header { 
	margin:0;
	padding:0;
} 
#header h1 {
	margin: 0; 
	padding: 10px 0; 
}
#sidebar {
	float: left; 
	height:auto;
	width: 236px; 
	background: #283705;
}
#sidebar span{
	text-align:center;
}
#maincontent { 
	margin: 0 0 0 236px; 
	padding: 0 ; 
} 
#maincontent h1{ 
	padding: 0 20px; 
	margin:0;
} 
#maincontent p{ 
	padding: 0 20px; 
	line-height:150%;
} 
#maincontent label{ 
	padding: 0 20px; 
	margin:0;
} 
#maincontent label img{ 
	border:1px solid #b9bab8;
	padding:3px;
	margin:2px;
	background:#fff;
} 

.products{
	height:290px;
	width:160px;
	float:left;
	text-align:center;
	margin:0 5px;
}
.pro_img{
	border:1px solid #b9bab8;
	padding:3px;
	background:#fff;
	width:152px;
}

.pro_img img{width:150px;height:211px;}
.pro_title a{
	font-weight:bold;
	color:#e0e2dd;
	text-decoration:none;
}
.pro_title a:hover{
	color:#90c603;
}
.pro_money{
	color:#e0e2dd;
}
#maincontent .login{ 
	margin: 0; 
	padding: 0 20px; 
	font-size:12px;
	color:#fff;
	background:#3f5a07;
	font-weight:lighter;
	text-align:right;
	height:40px;
} 
/*目錄樣式
=============================================================================================*/
.journal_catalog{
	color:#fff;
	line-height:150%;
	margin:0px auto;
	width:710px;
	border:1px solid #fff;
	padding:10px;
}
.journal_catalog h2{
	text-align:center;
	font-size:30px;
	margin:20px 0px;
}
.journal_catalog h3{
	font-size:12px;
	background:url(../images/bg_line.gif);
	margin:2px 0px;
	font-weight:lighter;
}
.journal_catalog a{
	color:#fff;
	text-decoration:none;
	background:#385006;
}
.journal_catalog a:hover{
	color:#fff;
	text-decoration:underline;
}

.journal_catalog{
	color:#fff;
	line-height:150%;
	margin:0 auto;
	width:710px;
	border:1px solid #fff;
	padding:10px;
}
/*會員左側頁面
===========================================================================================*/
.mm_left{width:152px;height:auto;margin:5px 0;float:left;}
.mm_left .dt{
	width:152px;
	height:15px;
	padding:0px 0px 0 10px;
}
.mm_left .dt a span{
	background:url(../images/arrow_mmleft.gif) 35px 1px no-repeat;
	padding-left:60px;
}
.mm_left .dt a:hover{
	text-decoration:none;
}
/*頁數樣式
=============================================================================================*/
.PagerWrap{
	clear:both;
	padding:5px 10px;
}
.PagerWrap a{
	font-size:11px;
	color:#fff;
	font-family:Verdana;
	padding:3px;
	text-decoration:none;
}
.PagerWrap a:hover{
	color:#f90;
	font-size:11px;
}
.PagerWrap span{
	border-right: 1px dotted #000; 
	padding-right:5px;
	margin-right:5px;
}
#footer { 
	background:url(../images/bottom_logo.jpg) no-repeat #365407;
	height:62px;
	padding: 0 10px 0 20px; 
} 
#footer p {
	margin: 0; 
	padding: 15px 0px 0px 230px; 
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#footer a{color:#FFFFFF;}
#footer a:hover{color:#a6e302;text-decotion:none;}
.clear { /* 此類應當放在 div 或 break 元素上，而且該元素應當是完全包含浮動的容器關閉之前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}