@charset "utf-8";

/* CSS Document */

/***普通通用*********************************************************/

p {

	margin: 0px;

	padding: 0px;

}

img {

	border: 0px;

}

.clear {

	zoom: 1;

	clear: both;

}

.clear:after {

	content: '';

	display: block;

	clear: both;

	visibility: hidden;

	height: 0;

}

.bold {

	font-weight: bold;

}

.borderall {

	border: 1px solid #BBBBBB;

}

/*上下換圖按鈕加在連結中的css，意思是<a>標籤的背景位置為往上移動圖片高度一半的單位*/

/***普通通用*********************************************************/

body {

	margin: 0px;

	padding: 0px;

	font-family: Arial, "新細明體";

	background-color: #F4FFEA;

}

#wrapper {

	width: 100%;

	position: relative;

}

#wrapper_box {

	width: 100%;

	position: relative;

	

}

/***普通通用*********************************************************/

/***頁頭********************************************************/

#header_box {

	width: 100%;

	height: auto;

}

#header {

	width:1000px;

	height:503px;

	margin: 0 auto;

	position: relative;

}

/***頁頭********************************************************/

/***LOGO*******************************************************/

#logo {

	width: auto;

	height: auto;

	position: absolute;

	left: 0px;

	z-index: 99;

	top: 0px;

}

/***LOGO*******************************************************/

/***主視圖******************************************************/

#ad_box {

	width: 100%;

	overflow: hidden;

	position: relative;

}

#ad{

	height: 408px;

	width: 1000px;

	position: absolute;

	z-index: 1;

	left: 0px;

	top: 95px;

}

/***主視圖********************************************************/

/***主要內容******************************************************/

#main_box {

	width: 100%;

	height: auto;

}

#main {
	width: 1000px;
	height: auto;
	min-height: 642px;
	position: relative;
	margin: 0 auto 28px auto;
	background-image: url(main.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;

}

/***主要內容******************************************************/



/***社群*******************************************************/

#community {

	width: auto;

	height: auto;

	position: absolute;

	top:70px;

	z-index: 1;

	right:255px;

}

/***社群*******************************************************/

/***頁底*********************************************************/

#footer_box {

	width: 100%;

	height: auto;

}

#footer {

	width: 1000px;

	height: 115px;

	margin: 0 auto;

	position: relative;

	font-size: 12px;

	background-image: url(footer/bg.jpg);

	background-repeat: no-repeat;

	background-position: center top;

}

#footer .menu {

	width: 100%;

	height: auto;

	line-height: 28px;

	position: absolute;

	top: 0px;

	left: 0px;

	z-index: 1;

	color: #FFFFFF;

	font-size: 13px;

	letter-spacing: 3px;

	text-align: center;

}

#footer .menu a {

	color: #FFFFFF;

	text-decoration: none;



}

#footer .menu a:hover {

	color: #FFFF00;

	text-decoration: none;

}

#footer .info {

	width: auto;

	height: auto;

	line-height: 20px;

	color: #666666;

	position: absolute;

	top: 50px;

	left:203px;

	letter-spacing: 1px;

}



#footer .copyright {

	width: auto;

	height: auto;

	color:#666666;

	position: absolute;

	top: 75px;

	left:203px;

	letter-spacing: 1px;

}

#footer .copyright span{color:#666666;}

#footer .copyright a {

	color: #444444;

	text-decoration: none;

}

#footer .copyright a:hover {

	color: #090;

	text-decoration: none;

}

#footer .logo {

	width: auto;

	height: auto;

	position: absolute;

	top: 30px;

	left: 20px;

}





/***頁底*********************************************************/



/***麵包屑*********************************************************/

#breadcrumbs {

	width: auto;

	z-index: 99;

	color: #000000;

	position: absolute;

	right: 53px;

	top: 28px;

	height: auto;

	font-size: 12px;

}

#breadcrumbs a {

	color:#688C00;

	text-decoration: none;

	font-weight: bold;

}

#breadcrumbs a:hover {

	color: #090;

}

/***麵包屑*********************************************************/

/***左邊******************************************************/



#rightside {
	width: 697px;
	float: right;
	position: relative;
	height: auto;
	padding: 0;
	background-image: url(rightside.jpg);
	background-repeat: repeat-y;
	margin-bottom: 36px;

}

#title {

	width: 668px;

	height: 63px;

	background-image: url(title/bg.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 7px;

	padding-left: 29px;

}

/***左邊******************************************************/

/***右邊******************************************************/

#leftside {

	width: 251px;

	height: auto;

	float: left;

}

#leftnav_title {

	width: 251px;

	height:101px;

}

#leftnav {

	width: 246px;

	height: auto;

	margin: auto;

}

 

#leftnav > .top {}

#leftnav > .bottom {}



/***右邊******************************************************/

/***分頁*******************************************************/

#btn_use {

	width: 100%;

	font-size: 12px;

	color: #595959;

	padding:10px 0 0 0;

	font-family: Arial, Helvetica, sans-serif;

	height:30px;

	border-top-: 1px solid #E5DDDA;

}

#btn_use a:link {

	color: #4BA036;

	margin:0 5px;

	font-weight:bold;

	text-decoration: none;

	-webkit-transition: color 200ms linear;

	-moz-transition: color 200ms linear;

	-o-transition: color 200ms linear;

	transition: color 200ms linear;

}

#btn_use a:visited {

	color: #4BA036;

	text-decoration: none;

}

#btn_use a:hover {

	COLOR: #595959;

	text-decoration: none;

}

#btn_use > td {

	padding:0px;

	margin:0px;

}

#pages {

	width: 670px;

	font-size: 13px;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	height:30px;

	clear: both;

	margin: 20px auto 0 auto;

	padding: 20px 0 0 0;

	border-top: 1px dotted #CCC;

}

#pages a:link {

	color: #000000;

	margin:0 5px;

	text-decoration: none;

}

#pages a:visited {

	color: #000000;

	text-decoration: none;

}

#pages a:hover {

	COLOR: #71A30C;

	text-decoration: none;

}

#bot_btn {

	width: 100%;

	float: left;

	margin: 10px 0px 0px 0px;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

}

#bot_btn .p_back {

	width: auto;

	float: left;

	color: #795464;

}

#bot_btn .p_top {

	width: auto;

	float: right;

	color: #795464;

}

#bot_btn a:link {

	color: #795464;

	text-decoration: none;

}

#bot_btn a:visited {

	color: #795464;

	text-decoration: none;

}

#bot_btn .p_back td {

	padding: 0px;

	margin: 0px;

}

#bot_btn a:hover {

	color: #cc6a95;

	text-decoration: none;

}

/***分頁*******************************************************/