body, td, table, p, img, textarea, input, ul, li, div, span, a {
  color:#666666;
  text-decoration:none;
  font-size:16px;
}
body, td, table, p, a, img, textarea, input, div {
  text-align:left;
  padding:0px;
  margin:0px;
}
body {
  height:100%;
  width:1200px;
  margin:0 auto;
}
body, td, table, p, a, img {
  border:0px;
}
body {
  background-image:url(/images/background.png);
  background-repeat:repeat-x;
}
a:hover {
  color:#000000;
}
td {
  border-collapse:collapse;
  empty-cell:show;
  padding:0px;
}
table {
  border-collapse:collapse;
  padding:0px;
  cell-spacing:0px;
}
img {
  max-width:100%;
}
.body_content {
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0;
  text-align:center;
}
.banner {
  width:100%;
  text-align:left;
}
.banner > div {
  width:100%;
}
.language {
  margin-top:5px;
  color:#ffffff;
  text-align:right;
}
.language > span {
  color:#ffffff;
  display:inline-block;
}
.language > a {
  display:inline-block;
  font-size:80%;
  margin-left:5px;
  margin-right:5px;
  color:#ffffff;
}
.language > a:hover {
  color:#49a76f;
}
.language > .en {
  font-family:arial;
}
.language > .sc {
  font-family:華康簡黑;
  font-weight:bold;
  margin-right:40px;
}
.nav {
  position:relative;
  width:100%;
  height:50px;
  background-color:#ffffff;
  -webkit-box-shadow: -1px -2px 5px 0px rgba(51,51,51,1);
  -moz-box-shadow: -1px -2px 5px 0px rgba(51,51,51,1);
  box-shadow: -1px -2px 5px 0px rgba(51,51,51,1);
  display:flex;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  flex-flow: row wrap;
  -webkit-box-pack: start; 
  -webkit-flex-direction:row;
  -webkit-flex-wrap:wrap;
  align-content:stretch;
  -webkit-align-content:flex-start;
  justify-content:space-around;
  -webkit-justify-content:space-around;
  align-items:center;
  border-bottom:6px solid #cccccc;
  align-self:center;
}
.nav > div {
  margin-top:20px;
  margin-bottom:16px;
  height:24px;
  overflow:hidden;
  cursor:pointer;
}
.nav > div:first-child {
  padding-left:10px;
}
.nav > div:last-child {
  padding-right:10px;
}
.nav > .separator {
  padding-top:0px;
  padding-bottom:0px;
  width:1px;
  height:24px;
  background-color:#dddddd;
}
.nav > div > .legend {
  font-weight:bold;
  margin-top:-30px;
  height:60px;
  overflow:hidden;
}
.nav > div > .legend > div {
  font-size:95%;
  height:30px;
}
.nav > div > .legend > div:first-child > div {
  color:#005c18;
}
.nav_holder {
  clear:both;
  float:right;
  width:950px;
  position:relative;
}
.nav_holder > div:last-child {
  position:absolute;
  bottom:0;
  height:6px;
  z-Index:99998;
}
.nav_holder > .navigationblock {
  position:absolute;
  top:0;
  height:100%;
  z-Index:99999;
  cursor:pointer;
}
.selector {
  position:absolute;
  left:0;
  background-color:#72c053;
  width:100px;
  height:100%;
}
.background {
  height:70px;
}
.background > div {
  position:relative;
  display:inline-block;
  height:100%;
}
.background > div:last-child {
  margin-left:16px;
  width:450px;
  background-image:url(/images/logo2.png);
  background-repeat:no-repeat;
  overflow:hidden;
}
.background > div:last-child > img {
  position:absolute;
  top:20px;
  left:0;
  height:20px;
  line-height:20px;
}
.background > div:last-child > img:last-child {
  left:-30px;
}
.page_content {
  width:100%;
  clear:both;
  margin-top:90px;
  min-height:500px;
}
.page_content > div > div > p, .quality > div:first-child > p, #hometext > div > p {
  color:#666666;
  padding-left:15px;
  margin-bottom:20px;
  text-align:justify;
  text-justify:distribute;
}
.page_content > div > div > p > span {
  font-size:100%;
}
.page_content > div > div > p:first-child {
  margin-top:10px;
  margin-bottom:7px;
  padding-left:0px;
}
#home {
  background-image:url(/images/home_background.png);
  background-repeat:repeat-y;
  background-size:cover;
}
#home > div {
  vertical-align:top;
  display:inline-block;
}
#home > div:first-child {
  width:903px;
}
#home > div:nth-child(2) {
  width:275px;
}
#hometext {
  margin-top:10px;
  overflow:auto;
}
#hometext > div > p > span {
  font-size:100%;
}
#hometext > div {
  display:inline-block;
}
#hometext > div:first-child {
  margin-right:20px;
  width:873px;
}
#hometext > div:last-child {
  width:20px;
}
.footer {
  width:100%;
  margin:0 auto;
  border-top:1px solid #999999;
  margin-top:10px;
}
.footer > div {
  margin-top:5px;
  color:#666666;
  font-size:78%;
}
.home_image {
  display:block;
  clear:both;
  margin:0 auto;
  position:relative;
  padding-bottom:10px;
  margin-top:20px;
  margin-left:12px;
}
.home_image > div {
  position:relative;
  display:inline-block;
  width:209px;
  height:160px;
  margin-right:8px;
}
.home_image > div:last-child {
  margin-right:0px;
}
.home_image > div > img {
  position:absolute;
  z-index:1;
}
.home_image > div > img.active {
  z-index:3;
}
.tool > div, .product > div, .plastic > div {
  display:inline-block;
  overflow:auto;
  vertical-align:top;
}
.metal > div:first-child {
  width:calc(66.66% - 28px);
  margin-right:37px;
  display:inline-block;
}
.metal > div:first-child > div:nth-child(2) {
  margin-top:40px;
  margin-bottom:40px;
}
.metal > div:first-child > div:nth-child(2) > div {
  border-left:1px solid #000000;
  border-top:1px solid #000000;
  border-right:1px solid #000000;
}
.metal > div:first-child > div:nth-child(2) > div:last-child {
  border-left:1px solid #000000;
  border-top:1px solid #000000;
  border-right:1px solid #000000;
  border-bottom:1px solid #000000;
}
.metal > div:first-child > div > div > div {
  padding:10px;
  display:inline-block;
  text-align:enter;
}
.metal > div:first-child > div > div > div:nth-child(odd) {
  vertical-align:top;
  width:200px;
}
.metal > div:first-child > div > div > div:nth-child(even) {
  border-left:1px solid #000000;
  width:calc(100% - 241px);
}
.metal > div:nth-child(2) {
  width:calc(33.33% - 14px);
  display:inline-block;
  margin-right:0px;
}
.metal > div:nth-child(2) > img {
  margin-top:20px;
}
.metal > div:nth-child(2) > img:last-child {
  margin-bottom:-30px;
}
.metal > div:last-child {
  width:100%;
}
.metal > div:last-child > img {
  width:calc(33.33% - 14px);
  margin-right:21px;
  display:inline-block;
}
.metal > div:last-child > img:last-child {
  margin-right:0px;
}
.tool > div:last-child > img, .product > div:last-child > img, .plastic > div:last-child > img {
  margin-top:60px;
}
.product > div:last-child > img:last-child {
  margin-top:20px;
}
.tool > div:first-child {
  width:785px;
  margin-right:20px;
}
.tool > div:last-child {
  width:375px;
}
.product > div:first-child {
  width:860px;
  margin-right:20px;
}
.product > div:last-child {
  width:300px;
}
.quality {
  background-image:url(/images/quality_background.png);
  background-repeat:no-repeat;
  background-position:930px 20px;
  overflow:auto;
}
.quality > div:first-child {
  margin-top:10px;
  width:865px;
}
.quality > div:first-child > p > span {
  font-size:100%;
}
.quality > div:last-child {
  width:calc(100% - 15px);
}
.plastic > div:first-child {
  width:840px;
  margin-right:20px;
}
.plastic > div:last-child {
  width:330px;
}
.contactus {
  margin-left:15px;
}
.contactustext, .contactustext > div, .contactusform > div {
  width:100%;
}
.contactustext {
  margin-top:15px;
}
.contactustext > div:first-child {
  color:#666666;
  margin-bottom:20px;
}
.contactustext > div > div:nth-child(2n) {
  color:#666666;
  padding-left:20px;
  width:520px;
  display:inline-block;
  vertical-align:top;
  border-left:1px solid #999999;
}
.contactustext > div > span {
  font-size:103%;
}
.contactustext > div > div:nth-child(2n) > div {
  color:#666666;
  margin-bottom:1px;
}
.contactustext > div > div:nth-child(2n + 1) {
  color:#005c18;
  width:42px;
  display:inline-block;
  vertical-align:top;
}
.contactusform > div:first-child {
  font-size:110%;
  margin-top:20px;
}
.contactusform > div {
  color:#666666;
  margin-bottom:20px;
}
.contactusform > div > div {
  color:#666666;
  display:inline-block;
  vertical-align:top;
}
.contactusform > div > span {
  font-size:104%;
}
.contactusform > div > div:first-child {
  width:88px;
}
.contactusform > div > div:last-child {
  width:300px;
}
.contactusform > div > div:last-child > input[type=text], .contactusform > div > div:last-child > textarea {
  width:100%;
  border:1px solid #cccccc;
  color:#666666;
}
.contactusform > div > div:last-child > textarea {
  height:50px;
  resize:none;
}
.contactusform > div > div:last-child > div {
  width:33%;
  display:inline-block;
  vertical-align:middle;
  height:16px;
  line-height:16px;
}
.contactusform > div > div:last-child > div > span {
  color:#666666;
  margin-top:-8px;
  margin-left:10px;
  display:inline-block;
  vertical-align:middle;
}
.contactusform > div > div:last-child > div > input[type=radio] {
  display:none;
}
.contactusform > div > div:last-child > div > input[type=radio] + label span {
  display:inline-block;
  width:16px;
  height:16px;
  border-radius:8px;
  border:1px solid #cccccc;
  cursor:pointer;
}
.contactusform > div > div:last-child > div > input[type=radio]:checked + label span {
  background:url(/images/radiobutton.png);
}
.contactusform > div:last-child > div:last-child {
  text-align:right;
}
.contactusform > div:last-child > div:last-child > input {
  padding-left:17px;
  padding-right:17px;
  padding-top:2px;
  padding-bottom:2px;
  background-color:#c8c8c8;
  border:0;
  color:#666666;
  cursor:pointer;
  margin-left:20px;
  font-size:90%;
}
.contactusform > div:last-child > div:last-child > input:hover {
  color:#005c18;
}
.red {
  color:#ff0000;
}
.axjo {
  width:calc(100% - 15px);
  margin-left:15px;
  margin-top:20px;
  background-image:url(/images/axjo_background.jpg);
  background-repeat:repeat-y;
}
.list > div > div, .list > div > div > p {
  text-align:justify;
}
.list > div > div > img {
  float:right;
  max-width:150px;
  max-height:150px;
  margin-left:10px;
  margin-bottom:10px;
}
.list {
  width:100%;
  clear:both;
}
.list:last-child {
  margin-top:20px;
}
.list > div {
  vertical-align:top;
  width:calc(50% - 15px);
  display:inline-block;
}
.list > div > div {
  margin-right:20px;
}
.list > div > div, .list > div > div > p {
  margin-bottom:20px;
}
.table {
  display:table;
}
.row {
  display:table-row;
}
.row > div {
  text-align:center;
  display:table-cell;
  border-top:1px solid #666666;
  border-left:1px solid #666666;
  padding-left:10px;
  padding-right:10px;
}
.row > .last {
  border-right:1px solid #666666;
}
.row > .bottom {
  border-bottom:1px solid #666666;
}
.list > div:first-child {
  border-right:1px solid #cccccc;
}
.list > div:last-child {
  margin-left:20px;
}
.list > div > div:first-child, .axjo-items {
  color:#015d33;
  font-weight:bold;
  margin-bottom:20px;
}
.list ul {
  margin-left:-20px;
  margin-top:10px;
}
.line-separater {
  margin-top:40px;
  margin-bottom:40px;
  height:1px;
  width:100%;
  border-bottom:1px solid #cccccc;
}
.chemical > div:first-child {
  padding-bottom:40px;
}
.chemical > div:nth-child(2) > div > div, .chemical > div:nth-child(3) > div > div {
  width:calc(50% - 2px);
  display:inline-block;
}
.chemical > div:nth-child(2), .chemical > div:nth-child(3) {
  vertical-align:top;
  width:calc(50% - 10px);
  display:inline-block;
}
.chemical > div:nth-child(2) {
  border-top:1px solid #000000;
  border-left:1px solid #000000;
}
.chemical > div:nth-child(3) {
  margin-left:16px;
}
.chemical > div:nth-child(2) > div > div {
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:1px solid #000000;
  border-right:1px solid #000000;
}
.chemical > div:nth-child(2) > div > div > img {
  width:calc(50% - 15px);
  margin-left:10px;
}
.chemical > div:nth-child(2) > div > div > img:last-child {
  margin-right:10px;
}
.chemical > div:nth-child(2) > div:nth-last-child(2) > div {
  border-bottom:0;
}
.chemical > div:nth-child(2) > div:last-child {
  display:flex;
  flex-direction:row;
}
.chemical > div:nth-child(3) > div > div {
  width:calc(50% - 20px);
  text-align:right;
  padding-bottom:20px;
  margin-left:20px;
}
.chemical > div:nth-child(3) > div:last-child {
  font-size:140%;
  line-height:25px;
  margin-left:20px;
}
#application {
  padding-top:40px;
  padding-bottom:40px;
}
#application > div:first-child {
  padding-bottom:40px;
}
#application > div > img, #application > div > span {
  display:inline-block;
  width:calc(33.33% - 100px);
  padding-left:100px;
  padding-bottom:30px;
  text-align:center;
  max-width:200px;
  vertical-align:top;
}
#application > div > img:last-child, #application > div > span:last-child {
  padding-right:100px;
}
#application > div:last-child {
  padding-top:20px;
  padding-bottom:20px;
}
#application > div:first-child, #application > div:nth-last-child(2) {
  font-size:120%;
}
#application > div:last-child > div > span {
  padding-left:40px;
  padding-bottom:10px;
  display:inline-block;
}