@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	background-color: #D8EBDD;
	background-position: 0px 0px;
	line-height: 160%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
#page-top {
	height: 60px;
	width: 60px;
	background-image: url(../../jquery.slider/images/top-hover-bg.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	position: fixed;
	visibility: visible;
	float: left;
	text-align: center;
	top: 500px;
	margin-left: 900px;
}
img{

	border:0;
	}
.dotline {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #A1A1A1;
}
.product-2 {
	background-color: #0CC;
	float: left;
}

ul{
	display: block;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	}

h1{
	font-size: 15px;
	display: block;
	background-image: url(../img/img-icon-1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-image: url(../img/img-icon-1.jpg);
	color: #063;
	}
h2{
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	background-image: url(../img/img-product-3.jpg);
	background-repeat: repeat;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	max-width: 400px;
	}
h3{
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	background-image: url(../img/img-product-6.png);
	background-repeat: no-repeat;
	display: block;
	width: 340px;
	height: 23px;
	padding-left: 13px;
	padding-top: 5px;
	font-family: Arial;
	}
h4{
	font-size: 15px;
	color: #5B8C0D;
	display: block;
	margin: 0px;
	background-image: url(../img/img-icon-8.jpg);
	background-position: 0px 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-repeat: no-repeat;
	}
h5{
	font-size: 15px;
	color: #707513;
	display: block;
	background-image: url(../img/img-icon-9.jpg);
	background-position: 0px 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	}
h6{
	font-size: 30px;
	color: #8B8B8B;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 120%;
}
h7{
	color: #000000;
	padding: 0px;
	font-weight: normal;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	display: block;
}
h10{
	color: #000;
	padding: 0px;
	display: block;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
	}
a {
	color: #333333;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
.clr{
	clear: both;
	}
.left{
	float: left;
	}
.black{
	color: #000;
	}
.red{
	color: #F00;
	}
.bluegreen{
	color: #5497AE;
	font-size: 23px;
	display: block;
	margin-bottom: 5px;
	}
.betterlife {
	background-image: url(../img/img-logo-2.jpg);
	background-repeat: no-repeat;
	height: 83px;
	width: 151px;
}
.submenu-heading {
	background-color: #EEEEEE;
	display: block;
	float: left;
	width: 230px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#css-table {
	width: 100%;
	background-color: #360;
  }
.css_td {
	display: table-cell;
  }
 .css_tr {
	display: table-row;
  }
a:hover  {
	color: #007232;
}
a.more{
	color: #007232;
	font-size: 12px;
	text-align: right;
	display: block;
	font-weight: bold;
	text-decoration: none;
	float: right;
	}
a.more:hover{
	color: #000;
}

a.more-2{
	background-image: url(../img/img-product-10.jpg);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 18px;
	width: 67px;
	color: #444444;
	padding-top: 0px;
	padding-left: 25px;
	background-position: 0px 3px;
	margin-top: 10px;
	}
a.more-2:hover{
	color: #000;
	}
a.submenu-heading-2 {
	background-image: url(../img/img-icon-3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	text-align: left;
	display: block;
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B2B2B2;
	font-weight: bold;
	color: #000;
	float: left;
	width: 225px;
	margin-top: 10px;
}
a.submenu-heading-2:hover {
	color: #4F7700;
	background-image: url(../img/img-icon-4.jpg);
}
a.submenu-heading-3 {
	background-image: url(../img/img-icon-6.jpg);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	display: block;
	text-align: left;
	width: 200px;
	margin-left: 30px;
	padding-left: 15px;
	margin-top: 6px;
	float: left;
	word-wrap: break-word;
	word-break: normal;
}
a.submenu-heading-3:hover {
	display: block;
	text-align: left;
	width: 200px;
	margin-left: 30px;
	padding-left: 15px;
	margin-top: 6px;
	float: left;
	word-wrap: break-word;
	word-break: normal;
	background: url(../img/img-icon-6-hover.jpg) no-repeat 0px 8px;
}
a.ind-banner-text{
	font-size: 25px;
	color: #FFF;
	}
a.ind-banner-text:hover{
	}
/*a.submenu-heading-3:hover{
	color: #000;
	font-weight: bold;
	background-image: url(../img/img-icon-5.jpg);
}*/
/* 有子項目的css */
a.submenu-heading-3-on{
	color: #000;
	font-weight: bold;
	background-image: url(../img/img-icon-3.jpg);
	background-position: 0px 5px;
	background-repeat: no-repeat;
}
/* 沒有子項目的css */
a.submenu-heading-3-off{
	color: #000;
	font-weight: bold;
	background-image: url(../img/img-icon-4.jpg);
	background-position: 0px 5px;
	background-repeat: no-repeat;
}
a.submenu-heading-4 {
	display: block;
	float: left;
	text-align: left;
	width: 190px;
	margin-left: 40px;
	padding-left: 10px;
	margin-top: 2px;
	color: #666666;
}
a.submenu-heading-4:hover {
	color: #007232;	
}
a.products-border {
	background-image: url(../img/img-product-4.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 105px;
	width: 162px;
	padding: 6px;
}
a.products-border:hover {
	background-image: url(../img/img-product-4-hover.png);
}
a.products-name{
	color: #000;
	background-image: url(../img/img-icon-7.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
	text-align: left;
	}
a.products-name:hover{
	color: #757A18;
}
a.products-name-2{
	color: #000;
	background-image: url(../img/img-icon-7.jpg);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	text-align: left;
	margin-left: 10px;
	display: block;
	width: 150px;
	}
a.products-name-2:hover{
	color: #757A18;
}
/* old inquiry 的css樣式 
a.inquiry{
	background-image: url(../img/img-product-8.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	float: left;
	height: 24px;
	width: 63px;
	padding-left: 20px;
	padding-top: 3px;
	margin-top: 10px;
	}
a.inquiry:hover{
	color: #FFF;
	background-image: url(../img/img-product-8-hover.png);	
}
*/
a.inquiry{
	text-align: left;
	display: block;
	float: left;
	height: 24px;
	padding-left: 10px;
	padding-top: 3px;
	margin-top: 10px;
	background-color: #EEEEEE;
	color: #000;
	padding-right: 10px;
	margin-right: 10px;
	font-weight: bold;
	}
a.inquiry:hover{
	color: #007232;
}
a.inquiry-list{
	text-align: left;
	display: block;
	float: left;
	height: 24px;
	padding-left: 10px;
	padding-top: 3px;
	margin-top: 10px;
	background-color: #EEEEEE;
	color: #000;
	padding-right: 10px;
	margin-right: 10px;
	font-weight: bold;
	}
a.inquiry-list:hover{
	color: #007232;
}

a.enlarge{
	background-image: url(../img/img-product-7.png);
	background-repeat: no-repeat;
	display: block;
	height: 41px;
	width: 41px;
	float: left;
	}
a.enlarge:hover{
	background-image: url(../img/img-product-7-hover.png);
	}
table.ind-contact{
	line-height: 120%;
	font-size: 12px;
	}
table.product{
	line-height: 160%;
	font-size: 12px;
	border: 1px solid #DDDDDD;
	}
input.broder{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	}
input.broder-2{
	border: 1px solid #CCC;
	}

td.lightgreen{
	background-color: #E1F3DC;
	color: #333333;
	font-size: 13px;
	}
td.lightgray{
	background-color: #F7F7F7;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
td.deepgray{
	background-color: #D9D9D9;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
td.dotline-new{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #AAAAAA;
	padding-top: 5px;
	padding-bottom: 5px;
	}
td.dotline-new2{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #AAAAAA;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 15px;
	color: #000;
	}
td.green{
	color: #006633;
	}
#container{
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	
	}
#container-2{
	padding-right: 20px;
	padding-left: 20px;
	background-repeat: repeat-y;
	background-image: url(../img/img-container-bg.png);
	width: 1000px;
	float: left;
}
#flash {
	width: 1000px;
}
#content {
	width: 960px;
	margin-right: 20px;
	margin-left: 20px;
	text-align: left;
	margin-top: 37px;
	margin-bottom: 20px;
}
#content-inner {
	width: 960px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
}
#header {
	background-color: #FFF;
	height: 83px;
	width: 1000px;
	text-align: left;
}

#logo {
	height: 83px;
	width: 258px;
}
#mainmenu {
	height: 83px;
	width: 591px;
	text-align: right;
}
#nav {
	background-image: url(../img/img-nav-bg.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 877px;
	text-align: right;
	padding-right: 123px;
	font-size: 12px;
	color: #FFF;
	padding-top: 11px;
}
#nav img{
	padding-right: 5px;
	padding-left: 5px;
	}
#nav a{
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	}
#nav a:hover{
	color: #2F7970;
	font-weight: bold;
	}
#mainmenu a.a1{
	background-image: url(../img/img-manu-a1.jpg);
	background-repeat: no-repeat;
	height: 83px;
	width: 127px;
	display: block;
	float: right;
}
#mainmenu a.a1:hover{
	background-image: url(../img/img-manu-a1-hover.jpg);
}
#mainmenu a.a2{
	background-image: url(../img/img-manu-a2.jpg);
	background-repeat: no-repeat;
	height: 83px;
	width: 127px;
	display: block;
	float: right;
}
#mainmenu a.a2:hover{
	background-image: url(../img/img-manu-a2-hover.jpg);
}
#mainmenu a.a3{
	background-image: url(../img/img-manu-a3.jpg);
	background-repeat: no-repeat;
	height: 83px;
	width: 127px;
	display: block;
	float: right;
}
#mainmenu a.a3:hover{
	background-image: url(../img/img-manu-a3-hover.jpg);
}
#mainmenu a.a4{
	background-image: url(../img/img-manu-a4.jpg);
	background-repeat: no-repeat;
	height: 83px;
	width: 127px;
	display: block;
	float: right;
}
#mainmenu a.a4:hover{
	background-image: url(../img/img-manu-a4-hover.jpg);
}
#mainmenu a.a5{
	background-image: url(../img/img-manu-a5.jpg);
	background-repeat: no-repeat;
	height: 83px;
	width: 127px;
	display: block;
	float: right;
}
#mainmenu a.a5:hover{
	background-image: url(../img/img-manu-a5-hover.jpg);
}

#container-L {
	width: 240px;
	text-align: left;
	float: left;
	padding-top: 42px;
}
#container-R {
	float: left;
	width: 700px;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#sbumenu {
	width: 240px;
	float: left;
}
#footer {
	background-image: url(../img/img-footer-bg.jpg);
	background-repeat: repeat-x;
	height: 64px;
	width: 980px;
	text-align: left;
	padding-top: 10px;
	padding-right: 20px;
	float: left;
}
#footer img{
	padding-right: 10px;
	padding-left: 10px;
}
div.ind-welcome{
	width: 350px;
	padding-right: 40px;
	}
div.ind-welcome img{
	padding: 2px;
	float: left;
}
div.ind-contact{
	width: 231px;
	padding-right: 21px;
	float: left;
	}
div.ind-prod{
	width: 285px;
	padding-right: 34px;
	float: left;
	}
div.footer-rigt{
	font-size: 11px;
	color: #060;
	}
.product-Spec {
	float: left;
	width: 348px;
}
.product-Spectable {
	width: 300px;
	float: left;
	
}
.product-Spec-head {
	width: 90px;
	float: left;
}
.product-Spec-context {
	width: 205px;
	padding-left: 90px;
}
.product{
	float: left;
	width: 700px;
	}
.product .box {
	float: left;
	width: 700px;
}
.product .left {
	float: left;
	height: 266px;
	width: 352px;
}
.product .right {
	float: left;
	width: 320px;
	padding-left: 28px;
}
.product .png{
	
	height: 41px;
	width: 41px;
	position: relative;
	float: right;
	z-index: 999;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	top: -41px;
}
.product-zone{
	height: 228px;
	width: 352px;
	border: 1px dotted #E0E0E0;
	float: left;
	}
.product-zone a {
	vertical-align: top;
}
.product table {
	width: 320px;
	/*word-break: break-all;*/
	overflow: auto;
}
.product .style1 {
	background-image: url(../img/img-product-3.jpg);
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	padding-left: 8px;
	line-height: 24px;
	height: 24px;
}
.product .style2 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.product .style3 {
	text-align: right;
	vertical-align: text-top;
	width: 80px;
}
.product h6 {
	padding-bottom: 10px;
}