body {
	background: url(../../images/04/all/bg-body.jpg) no-repeat center 0;
	margin:0;
	color: #727171;
	font-size: 14px;
}
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	word-wrap: normal;
	word-break: normal;
	border-width:0;
	font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow";
}
hr {
	noshade:noshade;
}
th {
	font-weight: normal;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	color: #727171;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #900;
	text-decoration: none;
}
.clearBoth {
	clear:both;
	padding:0;
	margin:0;
}

#wrapper {
	background: url(../../images/04/all/bg-footer.jpg) repeat-x 0 bottom;
	overflow: hidden;
}

/**
*
* =header
*
**/
#wrapper #header {
	background: url(../../images/04/all/bg-headerWrap.jpg) repeat-x 0 0;
	overflow: hidden;
}
#wrapper #header #topFunction {
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
}
#wrapper #header #topFunction .cis {
	float: left;
}
#wrapper #header #topFunction .cis h2 {
	margin: 13px 0;
}
#wrapper #header #topFunction .functionNav {
	margin: 18px 0 0;
	float: right;
	overflow: hidden;
}
#wrapper #header #topFunction .functionNav ul {
	float: right;
	overflow: hidden;
}
#wrapper #header #topFunction .functionNav ul li {
	padding: 3px 5px;
	background: url(../../images/04/all/dot01.png) no-repeat right center;
	float: left;
	font-size: 12px;
	color: #9f9f9f;
}
#wrapper #header #topFunction .functionNav ul li a {
	color: #9f9f9f;
}
#wrapper #header #topFunction .functionNav ul li.tPlus ,
#wrapper #header #topFunction .functionNav ul li.fPlus ,
#wrapper #header #topFunction .functionNav ul li.gPlus ,
#wrapper #header #topFunction .functionNav ul li.pPlus ,
#wrapper #header #topFunction .functionNav ul li.rPlus {
	margin: 0 5px;
	padding: 0;
	background: none;
	float: left;
}
#wrapper #header #topFunction .functionNav ul li.tPlus a ,
#wrapper #header #topFunction .functionNav ul li.fPlus a ,
#wrapper #header #topFunction .functionNav ul li.gPlus a ,
#wrapper #header #topFunction .functionNav ul li.pPlus a ,
#wrapper #header #topFunction .functionNav ul li.rPlus a {
	width: 22px;
	height: 22px;
	background: url(../../images/04/all/bookmark.jpg) no-repeat 0 0;
	display: block;
	text-indent: -999999px;
}
#wrapper #header #topFunction .functionNav ul li.fPlus a {
	background-position: -22px 0;
}
#wrapper #header #topFunction .functionNav ul li.gPlus a {
	background-position: -44px 0;
}
#wrapper #header #topFunction .functionNav ul li.pPlus a {
	background-position: -66px 0;
}
#wrapper #header #topFunction .functionNav ul li.rPlus a {
	background-position: -88px 0;
}

#wrapper #header #nav {
	margin: 55px auto 0;
	padding: 0 36px;
	width: 890px !important;
	height: 45px;
	position: relative;
}
#wrapper #header #nav a.prev-arrow ,
#wrapper #header #nav a.next-arrow {
	width: 35px;
	height: 45px;
	background: url(../../images/04/all/arrow.png) no-repeat 0 0;
	display: block;
	position: absolute;
	left: 0;
	z-index: 100;
	text-indent: -999999px;
}
#wrapper #header #nav a.next-arrow {
	background-position: -35px 0;
	left: 925px;
}
#wrapper #header #nav .wrap {
	margin: 3px 0 0;
	overflow: hidden;
}
#wrapper #header #nav .wrap ul {
	height: 40px;
	overflow: hidden;
}
#wrapper #header #nav .wrap ul li {
	width: 148px;
	height: 40px;
	background: url(../../images/04/all/line-nav.png) no-repeat right 0;
	float: left;
	font-size: 14px;
	text-align: center;
}
#wrapper #header #nav .wrap ul li a {
	width: 148px;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #9f9f9f;
	font-weight: bold;
}
#wrapper #header #nav .wrap ul li a:hover {
	font-size: 18px;
	color: #d61919;
}

/**
*
* =content
*
**/
#wrapper #content {
	margin: 0 auto;
	width: 1024px;
	background: url(../../images/04/all/bg-centertop.png) no-repeat center 0;
	overflow: hidden;
}
#wrapper #content .contentWrap {
	background: url(../../images/04/all/bg-centerproduct.png) no-repeat center bottom;
	overflow: hidden;
}
#wrapper #content .contentWrap #banner {
	margin: 40px auto 0;
	width: 895px;
	overflow: hidden;
}
#wrapper #content .contentWrap #banner .banner {
	width: 895px;
	height: 400px;
	position: relative;
	overflow: hidden;
}
#wrapper #content .contentWrap #banner .banner ul {
	height: 380px;
	overflow: hidden;
}
#wrapper #content .contentWrap #banner .banner ul li {
	width: 895px;
	height: 380px;
	float: left;
	overflow: hidden;
	position: relative;
}
#wrapper #content .contentWrap #banner .banner .silderNav {
	position: absolute;
	z-index: 100;
	right: 0;
	text-align: center;
}
#wrapper #content .contentWrap #banner .banner .silderNav a {
	margin: 0 5px 0 0;
	padding: 0;
	width: 5px;
	height: 5px;
	background: #a9a9a9;
	display: inline-block;
	text-indent: -999999px;
}
#wrapper #content .contentWrap #banner .banner .silderNav a:hover ,
#wrapper #content .contentWrap #banner .banner .silderNav a.active {
	background: #F00;
}

#wrapper #content .contentWrap #funcionWrap {
	margin: 10px auto 0;
	padding: 0 0 30px;
	width: 895px;
	border-bottom: 1px #000 solid;
	overflow: hidden;
}
#wrapper #content .contentWrap #funcionWrap #dayProduct {
	padding: 5px;
	width: 275px;
	background: #4b4b4b;
	float: left;
}
#wrapper #content .contentWrap #funcionWrap #dayProduct h2 {
	margin: 0 0 10px;
	width: 175px;
	height: 40px;
	background: url(../../images/04/index/title-best.png) no-repeat 0 0;
	display: block;
	text-indent: -999999px;
}
#wrapper #content .contentWrap #funcionWrap #dayProduct .photo {
	width: 275px;
	height: 150px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}
#wrapper #content .contentWrap #funcionWrap #dayProduct img {
	overflow: hidden;
}
#wrapper #content .contentWrap #funcionWrap #dayProduct p {
	margin: 5px 0 0;
	font-size: 14px;
	color: #fff;
}
#wrapper #content .contentWrap #funcionWrap #dayProduct a {
	color: #fff;
}
#wrapper #content .contentWrap #funcionWrap #news {
	width: 590px;
	background: url(../../images/04/index/title-news.png) no-repeat 0 0;
	float: right;
	overflow: hidden;
}
#wrapper #content .contentWrap #funcionWrap #news h2 {
	font-size: 0;
}
#wrapper #content .contentWrap #funcionWrap #news .more {
	width: 135px;
	height: 15px;
	background: url(../../images/04/index/more.png) no-repeat 0 0;
	float: right;
	text-indent: -999999px;
}
#wrapper #content .contentWrap #funcionWrap #news .newsList {
	margin: 40px 0 0;
	width: 590px !important;
	height: 200px !important;
	position: relative;
}
#wrapper #content .contentWrap #funcionWrap #news a.prev-arrow ,
#wrapper #content .contentWrap #funcionWrap #news a.next-arrow {
	width: 34px;
	height: 25px;
	background: url(../../images/04/index/arrow2.gif) no-repeat 0 0;
	display: block;
	position: absolute;
	right: 34px;
	z-index:100;
	text-indent: -999999px;
}
#wrapper #content .contentWrap #funcionWrap #news a.next-arrow {
	right: 0;
	background-position: -34px 0;
}
#wrapper #content .contentWrap #funcionWrap #news a.prev-arrow:hover {
	background-position: 0 -25px;
}
#wrapper #content .contentWrap #funcionWrap #news a.next-arrow:hover {
	background-position: -34px -25px;
}
#wrapper #content .contentWrap #funcionWrap #news .list {
	margin: 40px 0 0;
	overflow: hidden;
}
#wrapper #content .contentWrap #funcionWrap #news .list ul {
	height: 100px; 
	overflow: hidden;
}
#wrapper #content .contentWrap #funcionWrap #news .list ul li {
	margin: 0 0 5px;
	padding: 15px 5px 0 40px;
	width: 545px;
	height: 35px;
	background: url(../../images/04/index/bg-newslist.jpg) no-repeat 0 0;
	overflow: hidden;
}
#wrapper #content .contentWrap #funcionWrap #news .list ul li h3 {
	float: left;
}
#wrapper #content .contentWrap #funcionWrap #news .list ul li p {
	margin: 0 10px 0 0;
	width: 90px;
	float: left;
	font-size: 16px;
	font-style: italic;
}
#wrapper #content .contentWrap #products {
	margin: 40px auto 0;
	padding: 40px 0 50px;
	width: 895px;
	background: url(../../images/04/index/title-products.png) no-repeat center 0;
	overflow: hidden;
}
#wrapper #content .contentWrap #products h2 {
	font-size:0;
}
#wrapper #content .contentWrap #products ul {
	margin: 30px 0 0;
	overflow: hidden;
}
#wrapper #content .contentWrap #products ul li {
	margin: 0 20px 0 0;
	float: left;
}
#wrapper #content .contentWrap #products ul li h3 {
	font-size: 16px;
}
#wrapper #content .contentWrap #products ul li a {
	color: #000;
}
#wrapper #content .contentWrap #products ul li .photo {
	margin: 0 0 5px;
	width: 260px;
	height: 135px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}

/**
*
* =footer
*
**/
#wrapper footer {
	margin: 20px auto 15px;
	width: 895px;
}
#wrapper footer #footerWrap {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px #bfbfbf solid;
	overflow: hidden;
}
#wrapper footer #footerWrap #footer {
	float: left;
	overflow: hidden;
}
#wrapper footer #footerWrap #footer .footerCis {
	margin: 0 10px 0 0;
	float: left;
}
#wrapper footer #footerWrap #footer .footerCis img {
	width: 305px;
}
#wrapper footer #footerWrap #footer .footerInfo {
	float: left;
}
#wrapper footer #footerWrap #footer .footerInfo p {
	margin: 0 0 5px;
	font-size: 14px;
	color: #fff;
}
#wrapper footer #footerWrap #footer .footerInfo .copy {
	font-size: 12px;
	color: #fff;
}
#wrapper footer #footerWrap .counter {
	float: right;
	font-size: 12px;
	text-align: right;
	color: #fff;
}
#wrapper footer .info {
	text-align: center;
}
#wrapper footer .info a {
	color: #fff;
}
#wrapper footer .info p {
	text-align: center;
	font-size: 12px;
	line-height: 170%;
	color: #fff;
}