* {
	margin: 0;
	padding: 0
}

body {
	font-size: 63%;
	font-family: Arial, sans-serif;
	line-height: 1.231;
	color: #141612
}

a {
	outline-style: none;
	color: #717171

}

ul, ol {
	list-style: none
}

img {
	border: 0
}

address {
	font-style: normal
}

body, #wrap {
	background-color: transparent;
	background-repeat: no-repeat
}

body {
	padding-top:17px;
}

#wrap {
	position: relative;
	width:971px;
	margin:auto;
	border:0px solid #cfcfcf;
	background-position: center 104px
}

#nav, #main {
	width: 947px;
	margin: auto
}

#header {
	height: 60px;
	padding-top: 9px;
	margin-left: 370px;
}

#header .logo img {
	vertical-align: top
	margin: 50;
	padding: 0
}


#nav {
	height: 34px;
	border-bottom: 1px solid #dfe3e2;

}

#nav ul.l1 {
	width:492px;
	position: relative;
	padding-top:12px;
	margin-left:255px;
	z-index: 50
}

#nav dl.l2 {
	display: none;
	position: absolute;
	top: 42px;
	margin-left: -72px;
	width: 218px;
	font-size: 1.2em;
	letter-spacing: .05em;
	line-height: 2.5833333333333;
	background: transparent url(../images/layout/nav-sub-m.png) 0 0 repeat-y
}

#nav dl.l2:before, #nav dl.l2:after {
	position: absolute;
	display: block;
	width: 218px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
	content: "";
	left: 0
}

#nav dl.l2:before {
	top: -13px;
	height: 13px;
	background-image: url(../images/layout/nav-sub-t.png)
}

#nav dl.l2:after {
	height: 15px;
	background-image: url(../images/layout/nav-sub-b.png)
}

#nav dl.l2 a {
	display: block;
	text-align: center;
	width: 200px;
	color: #000;
	margin-left: 7px;
	text-decoration: none
}

#nav dl.l2 a:hover {
	color: #fff;
	background: transparent url(../images/layout/nav-sub-hover.png) 0 0 repeat
}

#nav li.l1 {
	float: left;
	display: inline
}

#nav li.back {
	height: 14px;
	position: absolute;
	z-index: 9;
	background-color: transparent;
	border-bottom: 2px solid #373737
}

#nav .home {
	width: 41px
}

#nav .home a.summary {
	background-position: 0 0
}

#nav .home a.summary:hover {
	background-position: 0 -13px
}

#nav .about {
	width: 72px;
	margin-left: 40px
}

#nav .about a.summary {
	background-position: -41px 0
}

#nav .about a.summary:hover {
	background-position: -41px -13px
}

#nav .product {
	width: 78px;
	margin-left: 37px
}

#nav .product a.summary {
	background-position: -113px 0
}

#nav .product a.summary:hover {
	background-position: -113px -13px
}

#nav .locate {
	width: 79px;
	margin-left: 37px
}

#nav .locate a.summary {
	background-position: -191px 0
}

#nav .locate a.summary:hover {
	background-position: -191px -13px
}

#nav .contact {
	width: 68px;
	margin-left: 28px
}

#nav .contact a.summary {
	background-position: -270px 0
}

#nav .contact a.summary:hover {
	background-position: -270px -13px
}

#nav a.summary {
	display: block;
	position: relative;
	z-index: 11;
	width: 100%;
	height: 13px;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-indent: -999em;
	background-image: url(../images/layout/main-nav.png)
}

#main {
	margin-top:5px;
	font-size: 1.2em;
	line-height: 1.6923076923077
}

#main .sec-headline {
	padding-top: 23px;
	margin-left: 27px
}

#main .sec-headline img {
	vertical-align: top
}

#footer {
	padding-top:4px;
	clear: both;
	font-size: 1.1em
}

#footer .article {
	position: relative;
	width: 915px;
	margin: auto;
	border-top: 1px solid #DFE3E2;
	padding-top: 10px;
	padding-right: 32px;
	text-align: right
}

#footer .article .web-design {
	position: absolute;
	top: 8px;
	left: 32px;
	color: #7d7d7d;
	padding-top: 2px;
	padding-right: 28px;
	background: transparent url(../images/layout/yang.png) right 0 no-repeat
}

#footer .article .web-design a {
	color: #484848;
	text-decoration: none
}

#footer .article .web-design a:hover {
	text-decoration: underline
}
* html .clearfix {
	height: 1%
}
* + html .clearfix {
	display: inline-block
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	border-left: 1px solid #636261
}

.jScrollPaneDrag {
	position: absolute;
	width: 3px;
	cursor: pointer;
	overflow: hidden;
	background: transparent url(../images/icon/scroll-btn.png) 0 0 no-repeat
}

#index-page {
	background-image: url(../images/layout/indexbg.jpg)
}

#index-page #wrap {

}

#index-page #main {
	height: 499px
}

#index-page .sec-headline {
	margin-bottom: 46px
}

#index-page #scroll-box {
	padding-left: 28px;
	height: 342px;
	width: 432px
}

#index-page #scroll-box p {
	margin-top: 24px
}

#index-page #scroll-box p:first-child {
	margin-top: 0
}


#home-page {
	background-image: url(../images/layout/index.jpg)
}

#home-page #wrap {
	background-image: url(../images/layout/index2.jpg)
}

#home-page #banner {
	height: 391px;
	overflow: hidden;
}

#home-page #item-show {
	font-size: 0.84615384615385em
}

#home-page #item-show li {
	width: 160px;
	float: left;
	text-align: center
}

#home-page #item-show a, #home-page #item-show .box {
	display: block;
	width: 100%
}

#home-page #item-show a {
	text-decoration: none
}

#home-page #item-show a:hover .description {
	color: #000;
	text-decoration: underline
}

#home-page #item-show .box {
	height: 110px;
	overflow: hidden
}

#home-page #item-show .star, #home-page #item-show .photo img {
	vertical-align: middle;
	cursor: pointer
}

#home-page #item-show .star {
	display: inline-block;
	height: 100%;
	font-size: 0
}



#about-page {
	background-image: url(../images/layout/about.jpg)
}

#about-page #wrap {

}

#about-page #main {
	height: 499px
}

#about-page .sec-headline {
	margin-bottom: 46px
}

#about-page #scroll-box {
	padding-left: 28px;
	height: 342px;
	width: 432px
}

#about-page #scroll-box p {
	margin-top: 24px
}

#about-page #scroll-box p:first-child {
	margin-top: 0
}

#team-page {
	background-image: url(../images/layout/team.jpg)
}

#team-page #wrap {

}

#team-page #main {
	height: 499px
}

#team-page .sec-headline {
	margin-bottom: 46px
}

#team-page #scroll-box {
	padding-left: 28px;
	height: 342px;
	width: 432px
}

#team-page #scroll-box p {
	margin-top: 24px
}

#team-page #scroll-box p:first-child {
	margin-top: 0
}

#philosophy-page {
	background-image: url(../images/layout/about.jpg)
}

#philosophy-page #wrap {

}

#philosophy-page #main {
	height: 499px
}

#philosophy-page .sec-headline {
	margin-bottom: 46px
}

#philosophy-page #scroll-box {
	padding-left: 28px;
	height: 342px;
	width: 432px
}

#philosophy-page #scroll-box p {
	margin-top: 24px
}

#philosophy-page #scroll-box p:first-child {
	margin-top: 0
}

#vision-page {
	background-image: url(../images/layout/about.jpg)
}

#vision-page #wrap {

}

#vision-page #main {
	height: 499px
}

#vision-page .sec-headline {
	margin-bottom: 46px
}

#vision-page #scroll-box {
	padding-left: 28px;
	height: 342px;
	width: 432px
}

#vision-page #scroll-box p {
	margin-top: 24px
}

#vision-page #scroll-box p:first-child {
	margin-top: 0
}

#contact-page {
	background-image: url(../images/layout/contact.jpg)
}

#contact-page #wrap {

}

#contact-page #main {
	height: 499px
}

#contact-page .sec-headline {
	margin-bottom: 46px
}

#contact-page #scroll-box {
	padding-left: 28px;
	height: 342px;
	width: 432px
}

#contact-page #scroll-box p {
	margin-top: 24px
}

#contact-page #scroll-box p:first-child {
	margin-top: 0
}

#services-page {
	background-image: url(../images/layout/services.jpg)
}

#services-page #wrap {

}

#services-page #main {
	height: 499px
}

#services-page .sec-headline {
	margin-bottom: 46px
}

#services-page #scroll-box {
	padding-left: 28px;
	height: 342px;
	width: 432px
}

#services-page #scroll-box p {
	margin-top: 24px
}

#services-page #scroll-box p:first-child {
	margin-top: 0
}

#randd-page {
	background-image: url(../images/layout/randd.jpg)
}

#randd-page #wrap {

}

#randd-page #main {
	height: 499px
}

#randd-page .sec-headline {
	margin-bottom: 46px
}

#randd-page #scroll-box {
	padding-left: 28px;
	height: 342px;
	width: 432px
}

#randd-page #scroll-box p {
	margin-top: 24px
}

#randd-page #scroll-box p:first-child {
	margin-top: 0
}

#quality-page {
	background-image: url(../images/layout/quality.jpg)
}

#quality-page #wrap {

}

#quality-page #main {
	height: 499px
}

#quality-page .sec-headline {
	margin-bottom: 46px
}

#quality-page #scroll-box {
	padding-left: 28px;
	height: 342px;
	width: 432px
}

#quality-page #scroll-box p {
	margin-top: 24px
}

#quality-page #scroll-box p:first-child {
	margin-top: 0
}

#facility-page {
	background-image: url(../images/layout/facility.jpg)
}

#facility-page #wrap {

}

#facility-page #main {
	height: 499px
}

#facility-page .sec-headline {
	margin-bottom: 46px
}

#facility-page #scroll-box {
	padding-left: 28px;
	height: 342px;
	width: 432px
}

#facility-page #scroll-box p {
	margin-top: 24px
}

#facility-page #scroll-box p:first-child {
	margin-top: 0
}


#product-page {
	background-image: url(../images/layout/product.jpg)
}

#product-page #wrap {
	background-image: url(../images/layout/product2.jpg)
}

#product-page .group {
	padding-bottom: 20px
}

#product-page .group .sec-headline {
	margin-bottom: 62px
}

#product-page .group #scroll-box {
	width: 920px;
	height: 318px
}

#product-page .group .list {
	margin-top: -35px;
	margin-left: 10px;
	font-size: 8pt
}

#product-page .group .list li {
	display: inline-block;
	width: 200px;
	margin-top: 35px;
	margin-left: 20px;
	text-align: center;
	vertical-align: top
}

#product-page .group .list a {
	text-decoration: none;
	color: #000
}

#product-page .group .list a:hover .description {
	text-decoration: underline
}

#product-page .group .category {
	margin-top: 20px;
	margin-right: 30px;
	text-align: right;
	color: #7d7d7d;
	font-size: 0.92307692307692em
}

#product-page .group .category select {
	color: #7d7d7d;
	font-size: 0.91666666666667em
}

#product-page .detail {
	padding-bottom: 22px
}

#product-page .detail .article {
	width: 404px;
	float: left;
	padding-top: 45px;
	padding-left: 28px
}

#product-page .detail .article p.back {
	margin-top: 18px;
	font-size: 0.84615384615385em;
	text-transform: uppercase
}

#product-page .detail .article p.back a {
	color: #494949
}

#product-page .detail #scroll-box {
	color: #535353;
	height: 307px
}

#product-page .detail .aside {
	width: 474px;
	float: right;
	overflow: hidden;
	font-size: 0.92307692307692em;
	color: #a5a5a5
}

#product-page .detail .aside a {
	color: #a5a5a5;
	cursor: pointer
}

#product-page .detail .aside a.active {
	color: #000;
	text-decoration: underline
}

#product-page .detail .aside .list {
	position: relative;
	height: 360px;
	overflow: hidden
}

#product-page .detail .aside .list li {
	float: left;
	position: relative;
	width: 474px
}

#product-page .detail .aside .list li .box {
	display: table-cell;
	width: 474px;
	height: 360px;
	text-align: center;
	vertical-align: bottom
}

#product-page .detail .aside .list li .star {
	font-size: 0
}

#product-page .detail .aside .carousel-control {
	display: none
}

#product-page .detail .aside .carousel-pagination {
	text-align: center;
	padding-top: 30px
}

#product-page .detail .aside .carousel-pagination p:before {
	content: "Photo:"
}

#product-page .detail .aside .carousel-pagination a {
	margin-left: 3px
}

#product-page .detail .sub-headline {
	font-family: "微軟正黑體", sans-serif;
	margin-bottom: 10px;
	color: #070707;
	font-weight: bolder;
	font-size: 1.3846153846154em
}

#locate-page {
	background-image: url(../images/layout/locate.jpg)
}

#locate-page #wrap {
	background-image: url(../images/layout/locate2.jpg)
}

#locate-page #main {
	padding-bottom: 46px
}

#locate-page #scroll-box {
	width: 912px;
	height: 268px;
	padding-top: 4px
}

#locate-page .info-head, #locate-page .info-detail, #locate-page .line {
	width: 861px;
	margin-left: 25px
}

#locate-page .info-head, #locate-page .info-detail {
	border-collapse: collapse
}

#locate-page .info-head th, #locate-page .info-detail td {
	text-align: left;
	padding-left: 12px
}

#locate-page .info-head th:nth-child(1),#locate-page  .info-detail td:nth-child(1){width:270px}
 #locate-page .info-head th:nth-child(2),#locate-page  .info-detail td:nth-child(2){width:298px}
 #locate-page .info-head th:nth-child(3),#locate-page  .info-detail td:nth-child(3){width:154px}
#locate-page .info-head th:last-child, #locate-page .info-detail td:last-child {
	text-align: center;
	padding-left: 0
}

#locate-page .info-head {
	margin-top: 100px;
	font-size: 0.92307692307692em;
	color: #626262
}

#locate-page .info-head th {
	padding-bottom: 4px;
	border-bottom: 1px solid #d7d7d7
}

#locate-page .info-detail {
	color: #626262
}

#locate-page .info-detail a {
	color: #626262;
	text-decoration: none
}

#locate-page .info-detail a:hover {
	text-decoration: underline
}

#locate-page .info-detail tr:hover td {
	color: #fff;
	background-color: 
}

#locate-page .info-detail tr:hover a {
	color: #fff
}

#locate-page .line {
	color: #d7d7d7;
	background-color: #d7d7d7;
	height: 1px;
	border: 0;
	text-align: left
}
#news-page {
	background-image: url(../images/layout/news.jpg)
}

#news-page #wrap {
	background-image: url(../images/layout/news2.jpg)
}

#news-page #main {
	padding-bottom: 46px
}

#news-page #scroll-box {
	width: 912px;
	height: 268px;
	padding-top: 4px
}

#news-page .info-head, #news-page .info-detail, #news-page .line {
	width: 861px;
	margin-left: 25px
}

#news-page .info-head, #news-page .info-detail {
	border-collapse: collapse
}

#news-page .info-head th, #news-page .info-detail td {
	text-align: left;
	padding-left: 12px
}

#news-page .info-head th:nth-child(1),#news-page  .info-detail td:nth-child(1){width:270px}
 #news-page .info-head th:nth-child(2),#news-page  .info-detail td:nth-child(2){width:298px}
 #news-page .info-head th:nth-child(3),#news-page  .info-detail td:nth-child(3){width:154px}
#news-page .info-head th:last-child, #news-page .info-detail td:last-child {

	padding-left: 25
}

#news-page .info-head {
	margin-top: 100px;
	font-size: 1.32307692307692em;
	color: #626262
}

#news-page .info-head th {
	padding-bottom: 4px;
	border-bottom: 1px solid #d7d7d7
}

#news-page .info-detail {
	color: #626262
}

#news-page .info-detail a {
	color: #626262;
	text-decoration: none
}

#news-page .info-detail a:hover {
	text-decoration: underline
}

#news-page .info-detail tr:hover td {

	background-color: 
}

#news-page .info-detail tr:hover a {

}

#news-page .line {
	color: #d7d7d7;
	background-color: #d7d7d7;
	height: 1px;
	border: 0;
	text-align: left
}

#gifts-page {
	background-image: url(../images/layout/gifts.jpg)
}

#gifts-page #wrap {

}

#gifts-page #main {
	height: 499px
}

#gifts-page .sec-headline {
	margin-bottom: 46px
}

#gifts-page #scroll-box {
	padding-left: 28px;
	height: 342px;
	width: 432px
}

#gifts-page #scroll-box p {
	margin-top: 24px
}

#gifts-page #scroll-box p:first-child {
	margin-top: 0
}
#against_mosquito-page {
	background-image: url(../images/layout/against_mosquito.jpg)
}

#against_mosquito-page #wrap {

}

#against_mosquito-page #main {
	height: 499px
}

#against_mosquito-page .sec-headline {
	margin-bottom: 46px
}

#against_mosquito-page #scroll-box {
	padding-left: 28px;
	height: 342px;
	width: 432px
}

#against_mosquito-page #scroll-box p {
	margin-top: 24px
}

#against_mosquito-page #scroll-box p:first-child {
	margin-top: 0
}


#contact-page {
	background-image: url(../images/layout/contact.jpg)
}

#contact-page #wrap {
	background-image: url(../images/layout/contact2.jpg)
}

#contact-page #main {
	padding-bottom: 40px;
	color: #535353
}

#contact-page #main .sec-headline {
	margin-bottom: 26px
}

#contact-page #main .article {
	width: 494px;
	position: relative;
	float: left;
	padding-left: 28px
}

#contact-page #main .article p.btn {
	position: absolute;
	bottom: 6px;
	right: 12px
}

#contact-page #main .aside {
	width: 396px;
	float: right
}

#contact-page #main .aside p.map {
	margin-top: 42px
}

#contact-page #main dl.info dt {
	font-weight: bolder
}

#contact-page #main table.list {
	margin-top: 25px;
	width: 482px;
	border-collapse: collapse;
	font-size: 0.84615384615385em
}

#contact-page #main table.list th, #contact-page #main table.list td {
	padding-top: 5px;
	padding-bottom: 5px
}

#contact-page #main table.list th {
	color: #487da5;
	font-weight: normal;
	text-align: left;
	width: 98px
}

#contact-page #main table.list input.bc, #contact-page #main table.list textarea {
	border: 1px solid #d1d1d1;
	width: 382px
}

#contact-page #main table.list textarea {
	height: 64px
}

#contact-page #main table.list tr.msg th {
	vertical-align: top;
	padding-top: 14px
}

#contact-page #main table.list tr.chk input.bc {
	width: 90px;
	margin-right: 5px
}

#contact-page #main table.list tr.chk input, #contact-page #main table.list tr.chk img {
	vertical-align: middle
}
* html #product-page .group .list li {
	display: inline
}
* html #contact-page #main .article p.btn {
	bottom: 2px
}
* html #contact-page #main .aside p.map {
	margin-top: 50px
}
* html #product-page .detail .aside .list li .box {
	display: block
}
* html #product-page .detail .aside .list li .star {
	display: inline-block;
	height: 100%
}
* html #product-page .detail .aside .list li img {
	vertical-align: bottom
}
* + html #product-page .group .list li {
	display: inline
}
* + html #contact-page #main .article p.btn {
	bottom: 2px
}
* + html #contact-page #main .aside p.map {
	margin-top: 50px
}
* + html #product-page .detail .aside .list li .box {
	display: block
}
* + html #product-page .detail .aside .list li .star {
	display: inline-block;
	height: 100%
}
* + html #product-page .detail .aside .list li img {
	vertical-align: bottom
}