/* General */

* { padding: 0; margin: 0; }

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

.bold {
font-weight:bold;
}

.green {
 color: #006600;
}

.red {
 color:#cc0000;
}

.smaller {
 font-size:12px;
 color:#666;
}

.purple {
 color:#500E6C;
}


body {
 font-family: "Microsoft JhengHei", "Microsoft YaHei",sans-serif;
 font-size: 16px;
 background:url(../images/body-bg.gif);
}


/* Layout */


#wrapper { 
 margin: 0 0 0 10px;
 width: 1000px;
}
#header {
 width: 990px;
 float: left;
 padding: 5px 0px 5px 10px;
 height: 95px;
 margin: 10px 0px 0px 0px;
 background: #ffffff url(../images/header-bg.gif) no-repeat top left;
}

#content-wrapper {
 width:1000px;
 height: 100%; 
 background: url(../images/content-bg.gif) repeat-y top;
 float:left;
}

#leftcolumn { 
 color: #333;
 margin: 0px 0px 20px 0px;
 padding: 5px;
 width: 180px;
 float: left;
}

#content { 
 float: left;
 color: #333;
 margin: 0px 0px 20px 0px;
 padding: 10px;
 width: 790px;
 display: inline;
}

#footer { 
 width: 990px;
 clear: both;
 color: #333;
 background: #b8b8b6;
 margin: 0px 0px 10px 0px;
 padding: 5px 5px 20px 5px;
}


/* header */


#hotline, #language {
 text-align:right;
 padding-right:10px;
 height: 30px; 
 }
 
#hotline .highlight {
 color:#a70a0a;
 font-weight:bold;
}

#language a {
 text-decoration:none;
 color: #333;
}

#language a:hover {
 text-decoration:underline;
}


/* main navigation bar */

#navigation {
 float:right;
 width:735px;
 height:35px;
 background: #b8b8b6 url(../images/navigation-bg-left.gif) no-repeat top left;
 padding:0 0 0 15px;
}

#navigation ul {
 margin: 0;
 padding: 0;
 list-style: none;
 color: #333;
}

#navigation ul li {
 float:left;
 width: 87px;
 height:25px;
 padding:10px 0 0 0;
 margin:0 4px 0 0;
 text-align:center;
}

#navigation ul li a {
 text-decoration:none;
 color: #333;
}

#navigation ul li:hover, #navigation ul li.hover {
 background: url(../images/nav-item-bg_chi.gif);
}

#navigation .current {
 background: url(../images/nav-item-bg_chi.gif);
}


/*co news at side bar */

#conews {
 background: url(../images/conews_bg.gif) no-repeat top left;
 width:90px;
 height:50px;
 margin:10px 5px;
 padding:15px 10px 5px 50px;
 color:#fff;
 line-height: 18px;
 text-align:center;
}

#conews a {
 color:#ccc;
 text-decoration:none;
}

#conews a:hover {
 font-weight:bold;
 color:#fff;
}


/* product menu */ 

#machine-ranges h2 {
 font-weight: bold;
 font-size: 20px;
 color: #663300;
 padding-left:10px;
 margin-bottom:20px;
}

#machines-menu {
 margin: 0;
 padding: 0;
 list-style: none;
 color: #333;
 font-size: 16px;
 width: 96%;
}

#machines-menu li {
 padding: 10px 5px;
 border-bottom: 1px solid #333;
}

#machines-menu .first {
 border-top:  1px solid #333;
}

#machines-menu li a {
 display:block;
 text-decoration:none;
 color: #333;
}

#machines-menu li a:hover {
 color: #fff;
}

#machines-menu li:hover, #machines-menu li.hover  {
 background: #048ac8;
 color: #fff;
}

#machines-menu .current {
 background: #048ac8;
}

#machines-menu .current a {
 color: #fff;
}


/* random images below product menu */

#random-images {
 width:98%;
 text-align:center;
 margin: 20px 0;
 height: 325px;
}

/* google translate */

#google-translate {
 width:160px;
 margin: 20px 0 20px 5px;
 text-align:center;
 height: 80px;
}




/* home page */

#company-info-home {
 width:1000px;
 height:240px;
 margin:0;
 padding:0;
 background: url(../images/company-intro_bg2.jpg) no-repeat top left;
 float:left;
}

#company-info-home #intro {
 position:absolute;
 width:320px;
 margin-left:200px;
 float:left;
}

#company-info-home #intro h1 {
 margin:5px 0;
 font-size:20px;
 font-weight: bold;
 color:#000; 
}

#company-info-home  p {
 font-size:16px;
 color:#333;
 margin-bottom:10px;
}

#company-info-home #news {
 position:absolute;
 margin-left:650px;
 width:340px;
 height:220px;
 background: url(../images/company-news_bg2.gif);
 float:left;
}

#company-info-home #news h2 {
 font-weight: bold;
 font-size: 18px;
 color: #663300;
 margin: 10px 10px 5px 10px;
}

#company-info-home #news p {
 padding: 0 5px;
}

#company-info-home #news #more {
 width:120px;
 height:25px;
 background: url(../images/more-news.gif) no-repeat top left;
 margin-left:220px;
 margin-top:10px;
 text-align:center;
 padding:4px 0 0 0;
 font-size:12px;
}

#company-info-home #news #more a {
 text-decoration:none;
 color:#fff;
}



.product-intro {
 width:220px;
 padding:10px 15px;
 float:left;
 margin-right:10px;
}

.product-intro ul {
 font-size:12px;
 margin-left:20px;
}

.product-intro li {
 list-style-image: url(../images/tick_home.gif);
}

.product-intro img {
 margin:0 auto;
 display:block;
 border:none;
}

.product-intro .p-title {
 color:#000;
 padding:1px;
 font-size:14px;
 margin-bottom:3px;
}


.product-intro p.adword {
 width:200px;
 padding:5px;
 margin: 10px auto;
 color:#fff;
 text-align:center;
 font-weight:bold;
 font-size:18px;
 }

.intro-style-1 {
 background: #fff url(../images/product-bg1.jpg) no-repeat top left;
}

.intro-style-1 p.adword {
 background: #8902c8;
}

.intro-style-2 {
 background: #fff url(../images/product-bg2.jpg) no-repeat top left;
}

.intro-style-2 p.adword {
 background: #f0bb05;
}



#all-video {
 width:770px;
 height:200px;
 padding:10px;
 background: #b8b8b6;
 margin:0 0 30px 0;
}

#all-video img {
 border:1px solid #000;
}







/* content */

#content h1 {
 font-size:20px;
 font-weight:bold;
 width: 720px;
 border-bottom: 1px solid #ccc;
 margin-bottom: 20px;
}

#content h2 {
 font-weight: bold;
 font-size: 18px;
 color: #663300;
 margin-bottom: 10px;
}

#content h3 {
 font-weight: bold;
 margin-bottom: 10px;
 color: #cc0000;
}

#content p {
 margin-bottom:20px;
}

#content #cert {
 margin: 0 auto;
 width: 440px;
}

#services-type {
 margin-left:40px;
}

#services-type li {
 margin-bottom:20px;
 list-style-image: url(../images/tick.gif);
}

#services-contact table  {
 font-size:12px;
 width:650px;
 border:1px solid #006600;
 background:#ffffcc;
}

#services-contact table th{
 text-align:left;
 text-decoration:underline;
 padding:5px;
}

#services-contact table td{
 padding:5px;
}

#parts-table {
 width:684px;
 background: #333;
 border-collapse: separate;
 border-spacing: 5px; 
 *border-collapse: expression('separate', cellSpacing = '5px'); 
}

#parts-table td {
 width:208px;
 border:1px solid #999;
 padding:10px;
}

#parts-pages {
 width:500px;
 margin:20px auto;
 text-align:center;
}

#parts-pages a {
 text-decoration:none;
 color: #333;
}

#parts-pages a:hover {
 text-decoration:underline;
}

.video-container {
 width:320px;
 padding:10px 5px;
 margin-right:6px;
 text-align:center;
 float:left;
 }
 
.video-container a {
 text-decoration:underline;
 color: #006600;
}

.video-container img {
 border:none;
}

.sample-for-download {
 width:630px;
 background:#666;
 margin:0;
 padding:10px;
 text-align:center;
}

.sample-for-download img {
 border:1px solid #000;
}


#content-index {
 margin:0 0 20px 20px;
}

#content-index a {
 text-decoration:none;
 color:#000;
}

#content-index a:hover {
 text-decoration:underline;
 color:#990000;
}

.back-to-top {
 width:750px;
 margin:20px 0;
 border-bottom:1px solid #D3BCA6;
 text-align:right;
} 

.back-to-top img {
 border:none;
}


.email-link a {
 text-decoration:none;
 color: #000;
}

.email-link a:hover {
 color: #387F08;
}

#product-range {
 width:684px;
 background: #333;
 border-collapse: separate;
 border-spacing: 5px; 
 *border-collapse: expression('separate', cellSpacing = '5px'); 
 margin-bottom:20px;
}

#product-range td {
 width:208px;
 border:1px solid #999;
 padding:10px;
 text-align:center;
 font-size:12px;
 color:#ccc;
}

#product-range p {
 margin:5px 0;
}

#product-range img {
 border:none;
}


#agency-box {
 width:650px;
 border:1px solid #006600;
 background:#ffffcc url(../images/partners.jpg) no-repeat 500px 60px;
 padding:10px;
}
 

 #products-nav {
  font-size:14px;
  color: #006600;
  margin-bottom:10px;
 }
 
 #products-nav a {
  text-decoration:none;
  color: #006600;
 }
 
 #products-nav a:hover {
  text-decoration:underline;
 }
 
 
 .product-spec {
  border:1px solid black;
  width:780px;
  font-size:12px;
  border-collapse:collapse;
  text-align:center;
  margin:20px 0;
 }
 
 .product-spec td {
  padding:8px 2px;
  border:1px solid black;
  
 }
 
 .product-spec tr.column-name {
  height:40px;
  background: #ECE6CB;
 }
 
.product-spec td.model-no {
 background:#CBD7EC;
}
 
 .product-spec td.remarks {
 text-align:left;
 padding-left:10px;
}

.machine-conf {
 margin:15px;
 list-style-type: circle;
}

.general-ul {
 margin:15px;
}

#show2009 {
 border:1px solid black;
 width:780px;
 border-collapse:collapse;
 margin:20px 0;
 }
 
 #show2009 td,#show2009 th  {
  border:1px solid black;
  padding:8px;
 }

 #show2009 th {
  background: #ECE6CB;
 }
 
 #show2009 .even {
  background: #fdfdde;
 }


.show-photo {
  border:1px solid #000;
  background:#444444;
  border-collapse: separate;
  border-spacing: 5px; 
 *border-collapse: expression('separate', cellSpacing = '5px');
}

.show-photo td {
 padding:5px;
 border:1px solid #666;
}
  

#contact-information td {
 vertical-align: top;  
} 

#contact-information .local-office td {
 font-size:14px;
}

#contact-information .entry-end {
 padding-bottom:20px;
} 

#feedback-form {
 border:1px solid #ccc;
 padding:20px 20px 0px 20px;
 width:480px;
 height:600px;
 margin-bottom:20px;
 background:#EBEBEB;
}

#feedback-form ul {
 list-style: none;
}

#feedback-form li {
 margin-bottom:20px;
}

table#route-to-co {
 font-size:12px;
 margin-top:20px;
 border:1px dotted #006600;
 background:#EBEBEB;
}

table#route-to-co td {
 padding: 2px;
}

table#route-to-co .first  td {
 padding:10px 2px;
 font-size:14px;
 font-weight:bold;
}

table#route-to-co td.ori {
 white-space: nowrap;
 vertical-align:top;
}

#smap ul {
 list-style-type: disc;
 margin-left:20px;
}

#smap ul li {
 margin:10px;
}

#smap ul li ul {
 list-style-type: circle;
}

#smap ul li ul li {
 margin-left:20px;
}


/* footer sitemap */

#sitemap #nav-menu {
 margin: 10px;
 padding: 0;
 list-style: none;
 color: #000;
 font-size:12px
}

#sitemap #nav-menu li {
 display:inline;
 margin-right:20px;
 padding-left:10px;
 border-left: 1px solid #333;
}

#sitemap #nav-menu li.first {
 border:none;
} 


#sitemap #nav-menu  a{
 color: #000;
 text-decoration:underline;
}


/* footer company information */


#company-info {
 margin-top:15px;
 margin-left:20px;
}

#company-info p {
 color: #000;
 font-size:12px;
}



/* Online Support */

#fadeinbox{
position:absolute;
width: 140px;
height:190px;
left: 0;
top: -400px;
border: 2px solid black;
background: url(../images/msnqq_bg.gif);
padding: 2px 5px 8px 5px;
z-index: 100;
visibility:hidden;
font-size:12px;
text-align:center;
}

#fadeinbox img {
 border:none;
}

#fadeinbox p {
 margin:1px 0 10px 0;
 color: #fff
}

#fadeinbox a {
 text-decoration:none;
 color:#666;
}