@charset "utf-8";

/* CSS Document */

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

.clear {

	zoom: 1;

	clear: both;

}

.clear:after {

	content: '';

	display: block;

	clear: both;

	visibility: hidden;

	height: 0;

}

.bold {font-weight: bold;}

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

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

body {

	margin: 0px;

	padding: 0px;

	font-family: Arial, "微軟正黑體";

	background-color: #171717;

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

	background-repeat: repeat-x;

	background-position: left top;

}

#wrapper {

	width: 100%;

	position: relative;

	height: auto;

}

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

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

#header_box {

	width: 100%;

	height: auto;

}

#header {

	width: 1000px;

	height:171px;

	margin: 0 auto;

	position: relative;

}



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

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

#logo {

	width: auto;

	height: auto;

	position: absolute;

	left: 401px;

	z-index: 5;

	top: 0px;

}



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



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

#ad_bg {

	width: 100%;

	height: 433px;

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

	background-repeat: no-repeat;

	background-position: center top;

	padding-top: 27px;

}

#ad {

	height: 375px;

	position: relative;

	width: 946px;

	margin: auto;

}



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

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

#main_box {

	width: 100%;

	height: auto;

	background-color: #EAE9E4;

	background-image: url(index/main.jpg);

	background-repeat: repeat-x;

	background-position: center top;

}

#main {

	width: 1000px;

	height: auto;

	min-height:257px;

	position: relative;

	margin: 0 auto;

}





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



#about{

	font-family: "微軟正黑體";

	font-size: 13px;

	color: #545454;

	float: left;

	height: 175px;

	width: 338px;

	line-height: 23px;

	background-image: url(index/about.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 15px;

	margin-top: 33px;

	margin-left: 20px;

	padding-right: 10px;

	padding-bottom: 17px;

	padding-left: 18px;

}



#about .more{

	width: 100%;

	text-align: right;

	height: 39px;

}



#news{

	float: right;

	width: 559px;

	background-image: url(index/news.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	height: 211px;

	margin-right: 20px;

	margin-top: 33px;

}

#news .more{

	width: 100%;

	text-align: right;

	height: 37px;

}

#news .photo{

	padding: 5px;

	height: 150px;

	width: 200px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	background-color: #DDDDDD;

	border: 1px solid #EEEEEE;/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/

	float: left;

}

#news .list{

	line-height: 18px;

	color: #B22D00;

	height: 36px;

	width: 316px;

	font-size: 13px;

	padding-top: 8px;

	padding-right: 12px;

	padding-bottom: 8px;

	padding-left: 12px;

	float: right;

	background-image: url(index/list.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	margin-bottom: 1px;

}

#news .list:hover{

	background-image: url(index/hover.jpg);

}



#news .list strong{

	padding-right: 14px;

	float: left;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #999999;	

}

#news .list a{

	color: #777777;

	text-decoration: none;

	padding-left: 5px;

	float: right;

	display: block;

	height: 36px;

	width: 220px;	-webkit-transition: color 0ms linear;

	-moz-transition: color 0ms linear;

	-o-transition: color 0ms linear;

	transition: color 0ms linear;

}

#news .list:hover a{

	color: #8C6800;

}
#news .list img{
	display:none;
}
#news .list.on a{

	color: #8C6800;

}
#news .list.on {
	background-image: url(index/hover.jpg);
}



#products{

	clear: both;

	height:265px;

	width: 1000px;

	position: relative;

	font-family: "微軟正黑體";

	margin: auto;

}



#products .photo{

	height: 145px;

	width: 200px;

	background-image: url(index/list.jpg);

	padding-bottom: 15px;

}



#products .title{

	font-size: 15px;

	line-height: 25px;

	width: 90%;

	font-weight: bold;

	background-image: url(index/dot.png);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 10%;

}

#products .title a{

	color: #212121;

	text-decoration: none;

}

#products .title a:hover{

	color: #638D19;

}

#products .mast{

	font-size: 13px;

	line-height: 20px;

	color: #666666;

	width: 100%;

}





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

#community {

	position: absolute;

	top: 35px;

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

	background-repeat: no-repeat;

	background-position: right center;

	width: 75px;

	padding-right: 14px;

	left: 19px;

}



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

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

#footer_box {

	width: 100%;

	height: auto;

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

	background-repeat: repeat-x;

	background-position: center top;

}

#footer {

	width: 1000px;

	height: 122px;

	margin: 0 auto;

	position: relative;

	font-size: 12px;

}



#footer .menu {

	width: auto;

	height: auto;

	color: #8C6600;

	position: absolute;

	top: 40px;

	font-size: 13px;

	left: 123px;

}

#footer .menu a {

	color: #8C6600;

	text-decoration: none;

	padding: 0 5px;

}

#footer .menu a:hover {

	color: #FFBB09;

}



#footer .info {

	color: #999999;

	position: absolute;

	top: 64px;

	left: 123px;

	width: auto;

}

#footer .copyright {

	color: #535353;

	position: absolute;

	top: 86px;

	left: 123px;

	font-size: 12px;

	width: auto;

}

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

#footer .copyright a {

	color:  #535353;

	text-decoration: none;

}

#footer .copyright ins{

	text-decoration: underline;

}

#footer .copyright a:hover {

	color: #FFBB09;

	text-decoration: none;

}



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