@charset "utf-8";

*{ margin:0; padding:0; border:0; vertical-align:top; }
hr{ border:0; width:95%; color:#DDE0DD; background-color:#DDE0DD; height:1px; }
body{ padding-left:auto; padding-right:auto; background:url(images/bg.gif); font:80% arial, 新細明體, mingliu; }
.container{ width:980px; margin-left:auto; margin-right:auto; border-left:1px solid #999999; border-right:1px solid #999999; background:#FFffff; }
.logoarea{ width:480px; height:68px; background:#ffffff url(images/white.gif); border-bottom: #cccccc 1px solid; }

.shortcutarea{ width:480px; padding-top:10px; background:#ffffff url(images/white.gif); border-bottom: #cccccc 1px solid; }
.shortcut{ float:left; list-style:none; margin-right:12px; }
.shortcut a, .shortcut a:visited, .shortcut a:link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#456887; text-decoration:none; }
.shortcut a:hover{ color:#678AA9; text-decoration:underline; }

.location{ margin-bottom:8px; margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; cursor:default; }
.location a, .location a:visited, .location a:link{ color:#999999; font-weight:normal; text-decoration:none; }
.location a:hover{ color:#666666; text-decoration:underline; }
.location .current{ color:#666666; font-weight:bold; }

.bottom_left{ background:url(images/bottom_07.gif) no-repeat left bottom; }
.bottom_right{ background:url(images/bottom_09.gif) no-repeat right bottom; }
.bottom2_left{ background:url(images/bottom2_07.gif) no-repeat right bottom; }
.footer_left{ height:36px; background:url(images/footer_01.gif) no-repeat right bottom; }
.footer{ width:957px; text-align:right; padding-top:13px; padding-right:10px; background:url(images/footer_02.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666; }
.sitemap{ text-align:right; padding-top:5px; padding-right:10px; width:957; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#999999; }
.sitemap a, .sitemap a:visited, .sitemap a:link{ font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#999999; text-decoration:none; }
.sitemap a:hover{ color:#666666; }

.home_whatsnews{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; padding-top:10px; }
.home_whatsnews .title, .home_whatsnews .title a, .home_whatsnews .title a:visited, .home_whatsnews .title a:link{ color:#57856e; font-weight:bold; text-decoration:none; }
.home_whatsnews .title a:hover{ text-decoration:underline; }
.home_whatsnews .content{ color:#555555; font-weight:normal; text-decoration:none; margin-bottom:10px; }


/* language difference */
.news_thumbnail{ float:left; padding-bottom:10px; padding-right:10px; width:100px; text-align:center; }
.news_thumbnail img{ max-height:120px; max-width:100px; }
.news_contentarea{ width:900px; padding-bottom:10px; text-align:left; }
.news_title{ /* font-family: Arial, Helvetica, sans-serif; */ font-family:arial, 新細明體, mingliu; font-size:13px; line-height:20px; }
.news_title, .news_title a{ font-weight:bold; text-decoration:none; color:#57856e; }
.news_title a:hover{ text-decoration:underline; }
.news_date{ font-family: Arial, Helvetica, sans-serif; width:80px; font-size:12px; line-height:16px; color:#aa55aa; }
.news_content, .news_content a{ width:900px; color:#555; font-family: arial, 新細明體, mingliu; /* font-size:14px; */ line-height:18px; margin-bottom:10px; font-weight:normal; text-decoration:none; vertical-align:bottom; }
.news_content a:hover{ text-decoration:underline; }
/* language difference */

.title{ /* font-family: Arial, Helvetica, sans-serif; */ font-family: arial, 新細明體, mingliu; font-size: 12px; line-height:20px; }
.title, .title a, .title a:visited, .title a:link{ color: #333333; font-weight:bold; text-decoration:none; }
.title a:hover{ color:#666666; font-weight:bold; text-decoration:underline; }
.whatsnewstitle .content img{ max-width:900px; max-height:900px;}
* html .whatsnewstitle .content img { /* for ie6 */
  width: expression(this.width > 900 && this.width > this.height ? 900 : auto);
  height: expression(this.height > 900 ? 900 : auto);
}

.searchtext{ border:1px solid #ccc;background:#eee;height:20px;width:250px;margin-right:5px; }
.searchbtn{ background:#ccc;width:50px;height:22px;border:1px solid #999; }
#searchresult{ margin:10px auto; width:300px; }
#searchresult td{ padding:4px 0; }

.content strong{ font-size:14px; }
.dbline{ line-height:200% !important; }
.content a{ color:#668866; text-decoration:none; }
.content a:hover{ color:#667766; text-decoration:underline; }
.productstext{ font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.productstext a{ color:#669966; font-weight:normal; text-decoration:none; }
.productstext a:hover{ color:#336633; text-decoration:underline; }
.list li{ list-style:circle; }
.selecttext{ width:60px; color:#666666; font-size:12px; border:solid 1px #999999; }
.itemtitle{ padding-left:10px; color:#FF0C0C; font-weight:bold; font-size:18px; }
.productstext .title{ color:#FF0C0C; font-weight:normal; font-size:16px; }
.productstext .series{ color:#006600; font-family: Arial, Helvetica, sans-serif; font-size:21px; }
.productstext .content{ color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.serviceslink{ padding-left:8px; padding-top:4px; padding-bottom:4px; color:#3366CC; }
.serviceslink .active{ color:#663300; font-weight:bold; cursor:default; }
.serviceslink a, .serviceslink a:link, .serviceslink a:visited{ color:#996633; text-decoration:none; }
.serviceslink a:hover{ color:#663300; text-decoration:underline; }
.slinks a, .slinks a:link, .slinks a:visited{ padding-left:10px; color:#336600; text-decoration:none; }
.slinks a:hover{ text-decoration:underline; }
.tableformat{ text-align:left; padding:5px; background:#FFFFFF; }
.contactusform{ }
.contactusform .textfield, .contactusform textarea{ background:#EEEEEE; border:1px solid #999999; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.contactusform .submit{ width:60px; height:22px; background:#999999; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border-top:1px solid #666666; border-bottom:2px solid #333333; border-left:1px solid #666666; border-right:2px solid #333333; }
.content div{ font-family:Arial, Helvetica, sans-serif; margin-bottom:15px; }
.sitemap_title{ color:#57856e; font-weight:bold; }
.sitemap1{ list-style:inside; margin-left:10px; }
.sitemap1 a{ color:#333333; }
.sitemap2{ font-weight:bold; list-style:none; margin-left:10px; margin-top:5px; }
.sitemap2 a{ color:#000000; }
.sitemap3{ list-style:inside; margin-left:10px; }
.sitemap3 a{ color:#333333; }

.maturelink{ margin-left:20px; font-size:18px; color:#666666; font-family:Arial, Helvetica, sans-serif; }
.maturelink a:hover{ color:#669966; }
.maturelink a, .maturelink a:visited, .maturelink a:active{ color:#666666; text-decoration:none; }
.mature_title{ }
.mature_brochure{ font-family:Arial, Helvetica, sans-serif; font-size:12px; vertical-align:bottom; }
.mature_brochure a, .mature_brochure a:active, .mature_brochure a:visited{ color:#669966; text-decoration:none; }
.mature_brochure a:hover{ color:#336633; font-weight:bold; }