@charset "utf-8";
@import"sub_nav.css";
@import"ui.totop.css";
@import"leftLoop.css";
@import"scroll_t.css";
@import"wb.css";

/* Body */
body{font-family: Arial, "微軟正黑體"; min-width: 1000px; color: #333; margin: 0; padding: 0; line-height: 1.429em; text-align: left; background-color:#f1f1f1; font-size: 12px;  display: inline; clear: both; float: left; width: 100%; }
*{font-family: Arial, "微軟正黑體";}
/* Anchors */
a { outline: 0; }
a img { border: 0px; text-decoration: none; }
a:link, a:visited { color: #333; text-decoration: none; }
a:hover, a:active { color: #638c0b; text-decoration: none; }
img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family: Arial, "微軟正黑體"; }
font, input{ font-family: Arial, "微軟正黑體";  }
/*HTML5 定義*/
header, footer, article, section, hgroup, nav, aside { display:block; }
figure { margin:0; padding: 0; line-height: 0px; display: block; }

/*頁面寬度和背景*/
#web_page { width: 100%; margin: 0px; padding: 0px; }
#web_open_page { width:805px; margin-right: auto; margin-left: auto; }
#web_page_bg{ float: left; }

/*頁面上方header*/
#top_header_page{ width: 100%; position: absolute; float: left; display: block; z-index: 2; clear: both; top: 170px; }
/*#sub_top_header_page{ width: 100%; position: absolute; float: left; display: block; z-index: 2; clear: both; top: 170px; }*/
#sub_top_header_page{ width: 100%; position: absolute; float: left; display: block; z-index: 2; clear: both; top:100px; }

.top_header_box { width: 1000px; display: block; clear: both; margin-right: auto; margin-left: auto; position: relative; border:#000 2px thick; }
.top_header_box .company_box { height: 70px; position: relative; clear: both; float: right; text-align: right; }

#topicon_page{ clear: both; width: 100%; float: left; display: block; position: absolute; z-index: 3;}
.topicon_box { padding: 5px; display: block; width: 1000px; margin-right: auto; margin-left: auto; clear: both; position: relative; z-index: 4000; }
.topicon_left_box { float: left; width: 470px; }
/*company_box*/
.company_box .logopic { height: 70px; margin: 0px; float: left; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; }
.company_box .logopic img{  }
.company_box .logopic a{  }
.company_box h2 {  font-weight: normal; color: #DFDFDF; padding-right: 10px; position: relative; text-align: left; margin: 0px; display: block; height: 70px; white-space: nowrap; float: left; }
.company_box h2 font{ float: left; display: block; position: relative; line-height: 100px; }

/*topmenuicon*/
#topmenuicon { float: right; margin: 0px; padding: 0px; }
#topmenuicon ul { margin:0; padding: 0; border:none; list-style:none; white-space: nowrap;}
#topmenuicon ul a { display: block; white-space: nowrap; background-color: #638c0b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#topmenuicon li { float: left; white-space: nowrap; display: block; margin: 0px; padding: 5px; }
#topmenuicon li a, #topmenuicon li a:link, #topmenuicon li a:visited { padding-right: 8px; padding-left: 8px; margin: 0px; color: #FFF; display: block; padding-right: 12px; padding-left: 12px; }
#topmenuicon li a:hover { color: #FFF; }
/*language*/
#language { float: right; padding: 0px; display: block; margin-top: 2px; margin-right: 2px; margin-left: 2px; }
.language {  font-size: 13px; line-height: 1.68em; display: block; margin: 1px; }
/*language_box*/
#language_box{ float: right; padding: 0px; margin: 0px; }
/*trans_lang*/
#trans_lang { padding-top: 2px; padding-right: 1px; padding-left: 1px; margin: 0px; padding-bottom: 0px; float: right; }
#trans_lang #titleImg{ margin: 0px; padding: 0px; }
#trans_lang #titleImg img{ cursor: pointer;}
#trans_lang #worldwide { position: absolute; visibility: hidden; float: left; }
#trans_lang #worldwide .content{ width: 500px; float: left; padding-bottom: 10px; background-image: url(../../include/color_1/worldwide_bg.png); background-repeat: repeat; }
#trans_lang #worldwide .content .language_title{ background-color: #000; margin: 0px; font-size: 15px; color: #FFF; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 6px; line-height: 1.6em; }
#trans_lang #worldwide .content ul{ float: left; margin:0; padding: 0; border:none; list-style:none; }
#trans_lang #worldwide .content li{ width: 110px; float: left; padding: 5px;  }
#trans_lang #worldwide .content li img { padding-right: 3px; }
#trans_lang #worldwide .content li a{ color: #333; }

/*首頁形象圖區*/
#homeimage_page { clear: both; width: 100%; overflow: hidden; height: 650px; position: relative; z-index: 0; margin-right: auto; margin-left: auto; }
#homeimage_box { clear: both; overflow: hidden; height: 650px; position: relative; z-index: 0; float: left; width: 100%; margin: 0px; padding: 0px; }
#homeimage_box a{ height: 650px; width: 100%; display: block; margin: 0px; padding: 0px;}
#homeimage_box .homeimage_img{ height: 650px; width: 100%; display: block; background-repeat: repeat; margin: 0px; padding: 0px; }

/*內頁形象圖區*/
#subimage_page{ height: 300px; width: 100%; display: block; clear: both; position: relative; z-index: 0; background-color: #333; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
#subimage_box{ width: 100%; display: block; overflow: hidden; clear: both; padding: 0px; position: relative; margin: 0px; float: left; height: 300px; }
#subimage_box img{ height: 180px; width: 1000px; }

/*首頁內容分佈區*/
#home_content_page{ width: 100%; clear: both; float: left; position: relative; display: block; margin: 0px; padding: 0px; }
#home_content_box{ position: relative; margin-right: auto; margin-left: auto; clear: both; width: 1000px; display: block; padding: 0px; margin-top: 0px; margin-bottom: 0px; }
#home_row_page{ width: 100%; clear: both; display: block; float: left; background-image: url(../images/home_content_page_bg2.png); background-repeat: no-repeat; background-position: center 0px; padding-top: 5px; }
.home_row_box{ width: 1000px; position: relative; margin-right: auto; margin-left: auto; overflow: hidden; padding-bottom: 10px; }
#home_left_box{ width: 480px; display: block; float: left; margin-right: 10px; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; padding: 0px; }
#home_right_box{ width: 480px; display: block; float: right; padding-right: 10px; margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; }
#home_one_box{ width: 980px;  display: block; float: left; margin-right: 10px; margin-left: 10px; }


/*內頁兩欄分佈區*/
#sub_content_page{ width: 100%; margin: 0px; padding: 0px; display: block; clear: both; }
#sub_content_box{ width: 1000px; clear: both; margin-right: auto; margin-left: auto; margin-top: 1px; }
#sub_left_box{ width: 240px; float: left; margin: 0px; padding-bottom: 10px; }
#sub_right_box{ width: 735px; float: right; padding-bottom: 10px; margin: 0px; padding-top: 1px; padding-right: 5px; padding-left: 15px; }

/*內頁一欄分佈區*/
#sub1_content_box{ width: 1000px; float: left; clear: both;}
#sub_one_box{ width: 980px; display: block; float: right; margin: 0px; padding-right: 10px; padding-left: 10px; padding-top: 1px;}

/*首頁產品區*/
#home_product_box{ background-color: #FFF; width: 690px; float: left; }
#home_product_box .title{ width: 100%; height: 42px; display: block; float: left; background-image: url(../images/home_product_box_title.jpg); background-repeat: no-repeat; }
#home_product_box .title h2{ float: left; margin: 0px; padding: 0px; }
#home_product_box .home_productpic_page{ float: left; clear: both; padding-right: 10px; padding-left: 20px; width: 660px; }
#home_product_box .product_hgroup_box{ float: left;padding-bottom: 8px; padding-top: 5px; clear: both; padding-right: 0px; padding-left: 0px; width: 100%; margin: 0px; }

.compare_photo_title{  width: 100%; clear: both; }
.compare_photo_title .title_box{ float: left; display: block; line-height: normal; clear: both; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.compare_photo_title strong{ font-size: 18px; color: #638c0b; font-weight: 400; }
.compare_photo_title span{  font-size: 14px; color: #666; border-left-width: 1px; border-left-style: solid; border-left-color: #999; font-weight: 100; margin-right: 10px; margin-left: 10px; padding-right: 10px; padding-left: 10px; line-height: normal; display: inline; }

/*首頁個別產品區*/
.home_productpic_page_100{ float: left; padding-bottom: 10px; padding-top: 10px; clear: both; padding-right: 0px; padding-left: 0px; width: 100%; margin: 0px; }
.home_productpic_page_100 .home_productpic_box{ display: block; width: 150px; float: left; padding-bottom: 10px; margin-top: 0px; margin-right: 13px; margin-bottom: 0px; margin-left: 0%; }

.home_productpic_page{ float: left; padding-bottom: 10px; padding-top: 10px; clear: both; padding-right: 0px; padding-left: 0px; width: 480px; margin: 0px; }
.home_productpic_box{ display: block; width: 30%; float: left; padding-bottom: 10px; margin-top: 0px; margin-right: 3%; margin-bottom: 0px; margin-left: 0%; }
.home_productpic_box figure {  margin:0; padding: 0; display: block; }
.home_productpic_box figure img{ padding: 2px; background-color: #FFF; border: 1px solid #E6E6E6; }
.home_productpic_box h2{ font-weight: normal; padding-right: 2px; font-size: 13px; margin: 0px;  line-height: 1.5em; }
.home_productpic_box h2 a, .home_productpic_box h2 a:link, .home_productpic_box h2 a:visited{ text-decoration: none; }
.home_productpic_box h2 a:hover { }
.home_productpic_box h3{ font-size: 13px; padding-right: 2px; margin: 0px; font-weight: normal; line-height: 1.5em; }
.home_productpic_box h3 a, .home_productpic_box h3 a:link, .home_productpic_box h3 a:visited{ text-decoration: none; }
.home_productpic_box h3 a:hover { color: #333; }

/*首頁公司簡介區*/
#home_about_box{ float: left; width: 100%; margin: 0px; padding: 0px; }
#home_about_box .title_box{ float: left; display: block; line-height: normal; clear: both; padding-top: 10px; }
#home_about_box strong{ font-size: 18px; color: #638c0b; font-weight: 400; }
#home_about_box span{  font-size: 14px; color: #666; border-left-width: 1px; border-left-style: solid; border-left-color: #999; font-weight: 100; margin-right: 10px; margin-left: 10px; padding-right: 10px; padding-left: 10px; line-height: normal; display: inline; }
#home_about_box h1{ font-size: 21px; color: #666; margin: 0px; padding: 0px; }
#home_about_box .content_box{ padding-top: 10px; padding-bottom: 20px; line-height: normal; float: left; width: 100%; display: block; }
#home_about_box .content_box font{ line-height: 1.4em; }
#home_about_box .content_box p{ margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 1.5em; padding-left: 0px; }
#home_about_box figure { margin:0px; display: block; float: left; padding-right: 10px; padding-bottom: 10px; }
#home_about_box figure img{ padding: 5px; background-color: #FFF; border: 1px solid #E6E6E6; height: 120px; width: 120px; }
#home_about_box footer{ width: 690px; height: 30px; display: block; float: left; background-image: url(../images/home_about_box_footer.jpg); background-repeat: no-repeat; background-position: bottom; }

/*首頁最新消息區*/
#home_news_box{ width: 100%; clear: both; float: left; margin: 0px; padding: 0px; }
#home_news_box .title_box{ float: left; display: block; padding-top: 8px; line-height: normal; clear: both; }
#home_news_box strong{ font-size: 18px; color: #638c0b; font-weight: 400; }
#home_news_box span{  font-size: 14px; color: #666; border-left-width: 1px; border-left-style: solid; border-left-color: #999; font-weight: 100; margin-right: 10px; margin-left: 10px; padding-right: 10px; padding-left: 10px; line-height: normal; display: inline; }
#home_news_box ul{ margin: 0px; list-style:none; border:none; clear: both; width: 100%; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; float: left; display: block; }
#home_news_box ul a{ }
#home_news_box li{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; width: 100%; clear: both; float: left; }
#home_news_box li a, #home_news_box li a:link, #home_news_box li a:visited{}
#home_news_box li a:hover {}
#home_news_box li:hover { background-color: #FFF; }

.home_news_one_box { padding-top: 10px; padding-bottom: 10px; clear: both; float: left; width: 100%; }
.home_news_one_box .txt_box{ float: left; width: 80%; display: block; margin-right: 2%; margin-left: 2%; }
.home_news_one_box .meta_box{ display: block; float: left; width: 16%; }
.home_news_one_box .meta{ width: 40px; background-color: #333; color: #FFF; text-align: center; }
.home_news_one_box .day{ font-size: 18px; line-height: 1.68em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; }
.home_news_one_box .mounth{ font-size: 12px; background-color: #638c0b; }
.home_news_one_box .title{  padding-right: 3px; color: #666; font-size: 13px; line-height: 1.4em; margin: 0px; padding-top: 0px; padding-bottom: 3px; padding-left: 0px; font-weight: normal; }
.home_news_one_box .title a{ color: #638c0b; }
.home_news_one_box .title a:hover { color: #333; }
.home_news_one_box .txt{ padding-right: 3px; padding-left: 0px; color: #666; font-size: 12px; line-height: 1.3em; }

/*首頁搜尋區*/
#home_search_page{ display: block; float: left; }
#home_search_box{ border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; vertical-align: top; height: 30px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 30px; margin: 0px; background-color: #638c0b; text-align: left; background-image: url(../images/search_icon.png); background-repeat: no-repeat; background-position: 5px top; float: left; }
.home_search_bg {margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 5px; }
.home_search_bg .search_txt{ float: left; background-color: transparent; width: 155px; margin: 0px; padding: 3px;  line-height: normal; height: 19px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; color: #FFF; }
.home_search_bg .btn1 { float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 2px; height: 25px; background-repeat: repeat-x; cursor: pointer; font-weight: normal; font-size: 12px; text-align: center; line-height: 2em; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; display: block; background-image: url(../images/search_bg.png); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; color: #638c0b; }
.home_search_bg .btn2 { float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 2px; height: 25px; background-repeat: repeat-x; background-position: 0px 0px; cursor: pointer; font-weight: normal; font-size: 12px; text-align: center; line-height: 2em; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; display: block; background-image: url(../images/search_bg.png); color: #638c0b; }
.home_search_bg .btn1:hover{ color: #638c0b; }
.home_search_bg .btn2:hover{ color: #638c0b; }

/*首頁廣告區*/
#home_banner_page{ width: 1000px; margin-right: auto; margin-left: auto; padding: 0px; margin-top: 0px; margin-bottom: 0px; }
#home_banner_box{ display: block; clear: both; width: 980px; float: left; border-top-width: 1px; border-top-style: solid; border-top-color: #E3E3E3; padding-top: 10px; padding-bottom: 10px; margin-right: 10px; margin-left: 10px; }
#home_banner_box figure{ display: block; margin: 0px; padding: 0px; }
#home_banner_box figure img{ padding-bottom: 5px; }
#home_banner_box .home_banner1{ float: left; width: 321px; text-align: left; padding-left: 5px; }
#home_banner_box .home_banner2{ float: left; width: 327px; text-align: center; }
#home_banner_box .home_banner3{ float: left; width: 322px; text-align: right; padding-right: 5px; }

/*footer*/
#footer { clear: both; display: block; margin: 0px; padding: 0px; width: 100%; float: left; }
#footer .footer_page{ position: relative; display: block; clear: both; width: 100%; float: left; background-color: #FFF; padding-top: 2px; padding-bottom: 2px; margin: 0px; }
#footer .footer_box{ display: block; width: 1000px; clear: both; margin-right: auto; margin-left: auto; padding: 0px; margin-top: 0px; margin-bottom: 0px; }

/*powered*/
#powered { font-size: 12px;/* [disabled]line-height: normal; */ text-align: right; display: block; float: right; padding: 0px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; }
#powered a, #powered a:link, #powered a:visited {  margin: 0px; padding: 0px; }
#powered a:hover { }

/*copyright*/
.copyright_page{}
.copyright_box{ float: left; margin-left: 10px; margin-right: 10px; }

/*跑馬燈*/
#marquee_box { width:580px;  COLOR: #6b6b6b; FONT-SIZE: 12px; TEXT-DECORATION: none; float: right; position: relative; line-height: normal; padding: 5px; overflow: hidden; margin-right: 20px; margin-top: 5px; }
#marquee1 { position:relative; left:0px; top:0px; overflow:hidden;  line-height: 1.68em; padding-left: 580px; display: block; }
#marquee1 span{ padding-right: 580px; line-height: 1.68em;white-space: nowrap;}/*----2012/1/3 stan修改----*/
#marquee1 span:hover{ }

/*網頁路徑*/
#path_link{ background-image: url(../images/path_link_home.png); background-repeat: no-repeat; background-position: 0px 6px; width: 100%; float: left; display: block; line-height: normal; margin: 0px; padding: 0px; }
#path_link h2{ margin: 0px; font-size: 13px; padding-right: 5px; padding-left: 18px; float: left; font-weight: normal; line-height: 1.76em; padding-top: 0px;  padding-bottom: 0px; }
#path_link h2 a{}
#path_link .sub_search_box{ margin: 0px; float: right; padding-top: 5px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }

#path_link h2 a, #path_link h2 a:link, #path_link h2 a:visited{  }
#path_link h2 a:hover { }

/*公司簡介內頁*/
#about_page_box{ float: left; width: 100%; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; clear: both; }
#about_page_box .category{ padding-top: 15px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; line-height: normal; color: #638c0b; font-size: 18px; }
#about_page_box .group_box{ width: 100%; float: left; margin-top: 5px; margin-bottom: 5px; padding-bottom: 10px; clear: both; }
#about_page_box .group_box .title{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; margin-top: 8px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; font-size: 16px; padding-top: 6px; padding-right: 5px; padding-bottom: 5px; padding-left: 18px; background-image: url(../images/profile_group_box_title.png); background-repeat: no-repeat; background-position: 0px 10px;  line-height: normal; color: #333; }
#about_page_box .content_box{ padding-top: 10px; padding-bottom: 10px; line-height: 1.6em; clear: both; padding-right: 25px; padding-left: 25px; margin: 0px; }
#about_page_box .content_box .txt_box{ font-weight: normal; margin: 0px; text-align: left; vertical-align: top; padding: 0px; font-size: 13px; line-height: 1.6em;  }
#about_page_box .content_box p{ margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 1.8em; padding-left: 0px; }
#about_page_box .photo_box{ float: left; padding-top: 5px; }
#about_page_box .photo_box .zoom{ margin: 0px; clear: both; float: left; padding: 0px; }
#about_page_box .photo_box .zoom a{ margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 20px; background-image: url(../images/zoom.png); background-repeat: no-repeat; background-position: 0px 2px; display: block; }
#about_page_box .photo_box figure{ padding: 0px; margin: 0px; clear: both; float: left; }
#about_page_box .photo_box figure img{ padding: 5px; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; background-color: #FFF; border: 1px solid #E6E6E6; }

/*最新消息內頁*/
#news_page_box{ float: left; width: 100%; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; clear: both; }
#news_page_box .category{ padding-top: 15px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; font-weight: normal; line-height: normal; color: #638c0b; font-size: 18px; }
#news_page_box .group_box{ width: 100%; float: left; background-color: #CCC;  }
#news_page_box .group_box .title{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; font-size: 15px; padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; }
#news_page_box .content_box{ margin: 0px; padding: 5px; }
#news_page_box .txt_content_box .photo_box{ float: left; padding-top: 10px;}
#news_page_box .txt_content_box .photo_box .zoom{ margin: 0px; clear: both; float: left; background-image: url(../images/zoom.png); background-repeat: no-repeat; background-position: 4px 4px; padding: 2px; }
#news_page_box .txt_content_box .photo_box .zoom a{ margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 2px; padding-left: 20px; display: block; }
#news_page_box .txt_content_box .photo_box  figure{ padding: 0px; clear: both; float: left; margin: 0px; }
#news_page_box .txt_content_box .photo_box  figure img{ padding: 5px; background-color: #FFF; border: 1px solid #E6E6E6; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; }

.news_list_box{ padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: block; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
.news_list_box h3{ line-height: 1.6em; font-size: 18px; margin: 0px; font-weight: bold; padding-top: 10px; padding-right: 1%; padding-bottom: 0px; padding-left: 1%;  width: 98%; }
.news_list_box .time{ line-height: normal; font-size: 12px; margin: 0px; color: #666; font-weight: normal; padding-top: 7px; padding-right: 1%; padding-bottom: 0px; padding-left: 1%; width: 98%; }

.news_list_box ul{ list-style-image: none; list-style-type: none; width: 100%; margin: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float: left; clear: both; }
.news_list_box li{ margin: 0px; padding: 0px; width: 100%; clear: both; float: left; }
.news_list_box li.list_title{ margin: 0px; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: left 11px; line-height: normal; font-size: 13px; display: block; }
.news_list_box li.list_title a{ padding-right: 10px; padding-left: 15px; display: block; font-size: 13px; line-height: 1.6em; float: left; width: 580px;  }
.news_list_box li.list_title a:hover{ color: #638c0b; }
.news_list_box li .list_date{ margin: 0px; text-align: right; font-size: 12px; float: right; line-height: normal; display: block; width: 80px; white-space: nowrap; color: #666; padding-top: 6px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.news_list_box dl{ margin: 0px; clear: both; font-weight: normal; line-height: normal; font-size: 13px; padding: 0px; }
.news_list_box dl dt{ font-weight: normal; margin: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; }
.news_list_box .list_title{ margin: 0px; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; padding-right: 5px; padding-left: 15px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: left 11px; font-weight: normal; line-height: normal; }
.news_list_box .list_date{ margin: 0px; text-align: right; float: right; font-size: 11px; line-height: normal; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; }
.news_list_box .list_txt{ margin: 0px; padding: 0px; background-color: #EAEDF2; clear: both; float: left; width: 100%; }
.news_list_box .list_txt .txt_content_box{ margin: 0px; float: left; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
.news_list_box .list_txt figure{ float: left; padding: 0px; margin: 0px; }
.news_list_box .list_txt figure img{ float: left; padding: 5px; background-color: #FFF; border: 1px solid #E6E6E6; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; }

.content_editor_page{ margin: 0px; clear: both; float: left; width: 98%; padding-top: 0px; padding-right: 1%; padding-bottom: 0px; padding-left: 1%; }
.content_editor_box{ margin: 0px; float: left; padding-top: 5px; padding-bottom: 10px; width: 100%; padding-right: 0px; padding-left: 0px; }
.content_editor_box .txt_box{ line-height: 1.6em; font-size: 13px;  }

.content_editor_box .photo_box{ float: right; padding: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 8px; }
.content_editor_box .photo_box .zoom{ margin: 0px; clear: both; float: left; background-image: url(../images/zoom.png); background-repeat: no-repeat; background-position: 4px 4px; padding: 2px; }
.content_editor_box .photo_box .zoom a{ margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 2px; padding-left: 20px; display: block; }
.content_editor_box .photo_box  figure{ float: left; padding: 0px; margin: 0px; }
.content_editor_box .photo_box  figure img{ background-color: #333; padding: 5px; border: 1px solid #E6E6E6; margin: 0px; display: block; }

/*產品內頁*/
#products_page_box{ float: left; width: 100%; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; clear: both; }
#products_page_box .category{ padding-top: 15px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; font-weight: normal; line-height: normal; color: #638c0b; font-size: 18px; display: block; margin: 0px; clear: both; float: left; width: 100%; }
#products_page_box .detail_page{ margin: 0px; display: block; padding: 0px; width: 100%; clear: both; float: left; }
#products_page_box .page_icon{ margin: 0px; padding: 5px; font-size: 12px; text-align: right; clear: both; }
#products_page_box .products_txt_box{ margin: 0px; font-size: 13px; line-height: 1.5em; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; clear: both;  }
#products_page_box .group_box{ background-color: #CCC; margin: 0px; padding: 0px; float: left; width: 100%; }
#products_page_box .group_box .title{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; font-size: 15px; padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; color: #333; text-align: left; }
#products_page_box .group_box .content_box{ background-color: #39F; padding: 10px; margin: 0px; float: left; position: relative; }

/*內頁個別產品區*/
#products_page_box .product_hgroup_box{ padding-top: 10px; padding-bottom: 10px; display: block; float: left; clear: both; width: 100%; }
#products_page_box .product_hgroup_box h4{ margin: 0px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: 2px 8px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 16px; font-size: 13px; }
#products_page_box .product_hgroup_box_title{ margin: 0px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: 2px 8px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 16px; font-size: 13px; display: block; clear: both; float: left; color: #638c0b; white-space: nowrap; }

#products_page_box .sub_productpic_box{ float: left; padding-top: 0px; padding-right: 2%; padding-bottom: 10px; padding-left: 0px; margin: 0px; display: block; width: 23%; }
#products_page_box .sub_productpic_box figure { margin:0px; padding: 0px; display: block; clear: both; width: 166px; float: left; }
#products_page_box .sub_productpic_box figure a{ padding: 0px; text-align: center; vertical-align: middle; display: block; margin: 0%; }
#products_page_box .sub_productpic_box figure a img{ padding: 3px; margin: 0px; display: block; border: 1px solid #E6E6E6; background-color: #FFF; }
#products_page_box .sub_productpic_box .item_no{ font-weight: bold; padding-right: 2px; padding-bottom: 2px; padding-left: 5px; font-size: 12px; margin: 0px; padding-top: 5px; color: #069; line-height: 1.4em; width: 158px; clear: both; float: left; display: block;  }
#products_page_box .sub_productpic_box .item_no a, #products_page_box .sub_productpic_box .item_no a:link, #products_page_box .sub_productpic_box .item_no a:visited{ text-decoration: none; word-break: break-all; word-wrap: break-word; width: 160px; margin: 0px; padding: 0px; clear: both; display: block; float: left; }
#products_page_box .sub_productpic_box .item_no a:hover { }
#products_page_box .sub_productpic_box .product_name{ font-size: 12px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; margin: 0px; font-weight: normal; clear: both; float: left; display: block;  }
#products_page_box .sub_productpic_box .product_name a, #products_page_box .sub_productpic_box .product_name a:link, #products_page_box .sub_productpic_box .product_name a:visited{ word-wrap:break-word; text-decoration: none; color: #333; clear: both; float: left; display: block; padding-right: 5px; padding-left: 5px; width: 156px; }
#products_page_box .sub_productpic_box .product_name a:hover { color: #638c0b; }
#products_page_box .sub_productpic_box .input_add{ margin: 0px; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCC; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; clear: both; float: left; display: block; width: 100%; }
#products_page_box .sub_productpic_box .input_add a,
#products_page_box .sub_productpic_box .input_add a:link,
#products_page_box .sub_productpic_box .input_add a:visited{ color: #999; padding-right: 2px; padding-left: 2px; padding-top: 3px; padding-bottom: 0px; line-height: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: block; float: left; } 
#products_page_box .sub_productpic_box .input_add a:hover { color: #638c0b; }
#products_page_box .sub_productpic_box .input_add input{ float: left; display: block; padding-left: 5px; }

/*內頁詳細產品區*/
.product_detail_box { margin: 0px; width: 100%; float: left; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; clear: both; }
.product_detail_box .photo_group_box{ width: 385px; float: left; margin: 0px; padding-left: 5px; }
.product_detail_box .product_pic_L{ width: 370px; height: 370px; display: block; vertical-align: middle;  margin: 0px; padding: 0px; clear: both; float: left; }

.product_detail_box .product_pic_L img{ background-color: #FFF; border: 1px solid #E6E6E6; margin: 0px; padding: 5px; }
.product_detail_box .product_pic_L img.main_img { max-width: 350px; max-height: 350px; _width: 350px; _height: 350px;}
* html .product_detail_box .product_pic_L img { width: expression (this.width > 350px && this.width > this.height ? 350px : auto);
height: expression (this.height > 350px && this.height > this.width ? 350px : auto);
}

.product_detail_box .product_photo_s_box{ margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; float: left; display: block; clear: both; width: 100%; }
.product_detail_box .product_photo_s_box .product_pic_S{  float: left; width: 94px; text-align: left; }
.product_detail_box .product_photo_s_box .product_pic_S img{ background-color: #FFF; padding: 5px; height: 68px; width: 68px; }
.product_detail_box .product_photo_s_box .product_pic_S img:hover{ background-color: #E6E6E6; }
.product_detail_box .product_specifications{ margin: 0px; padding: 0px; float: left; }
.product_style1{ width: 330px;}
.product_style2{ width: 580px;}
.product_style3{ width: 100%;}
.product_detail_box .product_specifications hgroup{ margin: 0px;}
.product_detail_box .product_specifications hgroup.top{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666; clear: both; float: left; width: 100%; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; display: block; }
.product_detail_box .product_specifications hgroup.center{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666; clear: both; float: left; width: 100%; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; display: block; }
.product_detail_box .product_specifications hgroup.below{ clear: both; float: left; width: 100%; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; display: block; }

.product_detail_box .product_specifications .name{ color: #638c0b; font-size: 16px; margin: 0px; padding: 0px; font-weight: bold;  line-height: 1.4em; }
.product_detail_box .product_specifications .item{ color: #666; margin: 0px; font-size: 13px; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;  line-height: 1.4em; font-weight: normal; }
.product_detail_box .product_specifications .download{ margin: 0px; padding: 5px; font-size: 13px; font-weight: normal;  }
.product_detail_box .product_specifications .download a{ margin: 0px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: 3px 3px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; }
.product_detail_box .product_specifications .download a font{ color: #036; padding-left: 4px; padding-right: 1px; }
.product_detail_box .product_specifications .download span{ font-size: 11px; color: #999; padding-left: 5px; }
.product_detail_box .product_specifications .view{ margin: 0px; padding: 5px;  font-size: 13px; font-weight: normal; }
.product_detail_box .product_specifications .view a{ margin: 0px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: 3px 3px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; }
.product_detail_box .product_specifications h3{ margin: 0px; font-size: 13px; color: #638c0b;  line-height: 1.4em; font-weight: bold; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }
.product_detail_box .product_specifications .txt_box{ margin: 0px; padding: 0px; font-size: 13px; color: #333;  }
.product_detail_box .product_specifications .input_add{ margin: 0px; padding: 2px; font-size: 12px; font-weight: normal; }

.product_content_list{ float: left; padding: 0px; width: 100%; clear: both; }
.product_content_list .list_box{ margin: 0px; padding: 0px; clear: both; }
.product_content_list .title{ color: #638c0b; margin: 0px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: 5px 12px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px;  font-size: 15px; line-height: 1.6em; }
.product_content_list .txt{ color: #666; margin: 0px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 20px;  font-size: 13px; line-height: 1.4em; }

.product_content_list .trade_box{ list-style: none; margin: 0px; padding: 0px; }
.product_content_list .trade_box li{margin: 0px; padding: 0px;}
.product_content_list .trade_box span{ color: #000; }

/*檔案下載內頁*/
#download_page_box{ padding: 0px; float: left; width: 100%; margin: 0px; }
#download_page_box .category{ padding-top: 15px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; font-weight: normal; line-height: normal; color: #638c0b; font-size: 18px; }
#download_page_box .group_box{ width: 100%; float: left; margin-top: 5px; margin-bottom: 5px; padding-bottom: 10px; }
#download_page_box .group_box .title{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; font-size: 15px; padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
#download_page_box .content_box{ margin-right: 10px; margin-left: 10px; padding-top: 10px; padding-bottom: 10px; }
#download_page_box .content_box figure{ float: left; background-color: #FFF; padding: 5px; border: 1px solid #DDD; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }

.download_list_box{ margin-top: 5px; margin-bottom: 5px; padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.download_list_box dl{ margin: 0px; padding: 0px; }
.download_list_box .list_title{ margin: 0px; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 16px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: 0px 11px;  font-size: 15px; line-height: normal; }
.download_list_box .list_date{ margin: 0px; padding: 3px; text-align: right; float: right; }
.download_list_box .list_download_icon{ margin: 0px; text-align: right; float: right; vertical-align: bottom; padding-top: 8px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; font-size: 11px; }
.download_list_box .list_txt{ margin: 0px; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; padding-left: 16px; font-size: 13px; line-height: 1.6em; color: #666;  }
.download_list_box .list_txt .txt_content_box{ margin: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
.download_list_box .list_txt figure{ float: left; padding: 0px; margin: 0px; }
.download_list_box .list_txt figure img{ float: left; padding: 5px; background-color: #FFF; border: 1px solid #E6E6E6; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; }

/*FAQ問與答內頁*/
#faq_page_box{ padding: 0px; float: left; width: 100%; margin: 0px; }
#faq_page_box .category{ padding-top: 15px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; font-weight: normal; line-height: normal; color: #638c0b; font-size: 18px; }
#faq_page_box .category_icon_r{ float: right; font-size: 12px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 5px; }
#faq_page_box .group_box{ width: 100%; float: left; margin-top: 5px; margin-bottom: 5px; padding-bottom: 10px; }
#faq_page_box .group_box .title{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; font-size: 15px; padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
#faq_page_box .content_box{ margin-right: 10px; margin-left: 10px; padding-top: 10px; padding-bottom: 10px; }

#faq_page_box .photo_box{ float: right; }
#faq_page_box .photo_box .zoom{ margin: 0px; clear: both; float: left; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 10px; }
#faq_page_box .photo_box .zoom a{ margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 2px; padding-left: 20px; background-image: url(../images/zoom.png); background-repeat: no-repeat; background-position: 0px 2px; display: block; }
#faq_page_box .photo_box  figure{ margin: 0px; clear: both; float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; }
#faq_page_box .photo_box  figure img{ padding: 5px; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; background-color: #FFF; border: 1px solid #E6E6E6; }

.faq_list_box{ margin-top: 5px; margin-bottom: 5px; padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.faq_list_box dl{ margin: 0px; padding: 0px; clear: both; }
.faq_list_box .list_title{ margin: 0px; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 20px; background-image: url(../images/faq_q.png); background-repeat: no-repeat; background-position: 0px 12px;  font-size: 13px; line-height: 1.6em; }
.faq_list_box .list_title a:hover{ color: #F60; }
.faq_list_box .list_date{ margin: 0px; text-align: right; float: right; font-size: 11px; line-height: 1.6em; padding-top: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
.faq_list_box .list_txt{ margin: 0px; background-color: #FFF; padding-top: 5px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; clear: both; float: left; width: 100%; }
.faq_list_box .list_txt .txt_content_box{ margin: 0px; padding: 5px; clear: both; }
.faq_list_box .list_txt figure{ float: right; padding: 0px; margin: 0px; }
.faq_list_box .list_txt figure img{ float: left; padding: 5px; background-color: #FFF; border: 1px solid #E6E6E6; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; }
.faq_list_box .download_icon_box{ background-repeat: no-repeat; padding-left: 20px; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; }
.faq_list_box .download_icon_box a{background-repeat: no-repeat;}
.faq_list_box .download_icon_box span{ background-image: url(../images/download_icon.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 20px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; }
.faq_list_box .txt_box{ color: #333; font-weight: normal; margin: 0px; text-align: left; vertical-align: top; padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 20px; background-image: url(../images/faq_a.png); background-repeat: no-repeat; background-position: 0px 2px;  font-size: 13px; line-height: 1.6em; }

/*搜尋內頁*/
#search_page_box{ padding: 0px; float: left; width: 100%; margin: 0px; }
#search_page_box .category{ padding-top: 15px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; font-weight: normal; line-height: normal; color: #638c0b; font-size: 18px; }
#search_page_box .search_word_box{ font-size: 13px; color: #C00; font-weight: normal; background-image: url(../images/find.png); background-repeat: no-repeat; background-position: left 10px; clear: both; float: left; width: 98%; margin-top: 0px; margin-right: 1%; margin-bottom: 0px; margin-left: 1%; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; }
#search_page_box .search_word_box span{ padding-left: 22px; }
#search_page_box .search_word_box .search_word{ font-weight: bold; padding-left: 5px; padding-right: 5px; font-size: 18px; }
#search_page_box .group_box{ width: 98%; float: left; margin-top: 5px; margin-bottom: 5px; margin-right: 1%; margin-left: 1%; clear: both; padding: 0px; }
#search_page_box .photo_box{ float: left; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 5px; background-color: #FFF; }
#search_page_box .photo_box img{ padding: 5px; background-color: #FFF; border: 1px solid #E6E6E6;}
#search_page_box .txt_box{}
#search_page_box .group_box .title{}
#search_page_box .group_box .title_box{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; font-size: 15px; padding-top: 8px; padding-bottom: 5px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: 0px 11px; font-weight: normal; width: 94%; padding-right: 2%; padding-left: 2%; margin-top: 0px; margin-right: 1%; margin-bottom: 0px; margin-left: 1%; }
#search_page_box .group_box .type{ font-size: 13px; color: #CCC; padding-right: 5px; padding-left: 8px; border-left-width: 1px; border-left-style: solid; border-left-color: #999; margin-right: 5px; margin-left: 8px; }
#search_page_box .group_box .pathlink_box{ font-size: 13px; font-weight: normal; color: #CCC; line-height: 1.68em;  width: 96%; padding: 0px; margin-top: 0px; margin-right: 1%; margin-bottom: 0px; margin-left: 1%; }
#search_page_box .group_box .pathlink_box a{ color: #999; }
#search_page_box .group_box .pathlink_box a:hover{ color: #666; }

#search_page_box .catalog_search{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; font-size: 13px; padding-top: 8px; padding-bottom: 5px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: 0px 12px; font-weight: normal; width: 94%; padding-right: 2%; padding-left: 2%; clear: both; float: left; margin-top: 0px; margin-right: 1%; margin-bottom: 0px; margin-left: 1%; }

#search_page_box .content_box{ margin-top: 5px; margin-right: 1%; margin-bottom: 5px; margin-left: 1%; width: 98%; }
#search_page_box .content_box ul{ border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; list-style-image: none; list-style-type: none; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#search_page_box .content_box ul li{ line-height: 1.68em; color: #999; display: block; clear: both; padding-top: 5px; padding-left: 15px; font-size: 13px; }
#search_page_box .search{ padding: 2px; background-color: #FC0; font-weight: bold; }
#search_page_box .pages_box { padding-top: 5px; padding-bottom: 5px; clear: both; float: left; width: 96%; margin-top: 0px; margin-right: 2%; margin-bottom: 0px; margin-left: 2%; }


.sel{ font-size:13px; width:100%; margin-bottom: 5px;line-height: 2em; padding: 5px; }
.open_title{ }

.form_content_page{margin-right: 10px; margin-left: 10px; padding-top: 8px; padding-bottom: 8px;}
.form_content_box{ padding-top: 10px; padding-bottom: 10px; }
.form_content_one{ padding-top: 10px; padding-bottom: 10px; clear: both; width: 100%; float: left; }

.select_box{ line-height: 2em; padding: 5px; font-size: 13px; width:100%; margin-bottom: 5px; }

/*與我們連絡*/
.contact_page_box{ padding: 0px; float: left; margin: 0px; width: 100%; position: relative; }
.contact_page_box .category{ padding-top: 15px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; font-weight: normal; line-height: normal; color: #638c0b; font-size: 18px; }
.contact_page_box .group_box{ margin-top: 5px; margin-bottom: 5px; padding: 0px; width: 100%; clear: both; }
.contact_page_box .group_box .title{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; font-size: 12px; padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 18px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: left 11px; clear: both; display: block; }
.contact_page_box .group_box .title span{ padding-left: 5px; }
.contact_page_box .group_box .title_icon { padding-left: 13px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; }
.contact_page_box .group_box .title_icon a{ padding-left: 5px; font-weight: bold; }
.contact_page_box .content_box{ margin-right: 10px; margin-left: 10px; padding-top: 10px; padding-bottom: 10px; clear: both; }
.contact_page_box .content_box span{ padding-left: 5px; }
.contact_page_box .content_box .content_title{ margin:0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 20px; color: #333; }
.contact_page_box .content_box .content_title span{ color: #09C; font-weight: bold; padding-right: 5px; padding-left: 5px; }

/*詢價內頁*/
.inquiry_page_box{ padding: 0px; float: left; width: 100%; margin: 0px; }
.inquiry_page_box .category{ padding-top: 15px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; font-weight: normal; line-height: normal; color: #638c0b; font-size: 18px; }
.inquiry_page_box .group_box{ margin-top: 5px; margin-bottom: 5px; padding: 0px; width: 100%; clear: both; }
.inquiry_page_box .group_box .title{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; font-size: 12px; padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 18px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: left 11px; }
.inquiry_page_box .content_box{ margin: 0px; padding: 10px; }
.inquiry_page_box .content_box figure{ float: left; background-color: #FFF; padding: 5px; border: 1px solid #DDD; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }

.inquiry_list_page{ width: 100%; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; float: left; }
.inquiry_list_box{ margin: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; clear: both; }
.inquiry_list_box .list_title{ margin: 0px; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; padding: 0px; width: 100%; background-color: #638c0b; color: #FFF; float: left; }
.inquiry_list_box .list_date{ margin: 0px; padding: 3px; text-align: right; float: right; font-size: 11px; }
.inquiry_list_box .list_txt{ margin: 0px; padding: 0px; background-color: #FFF; ; float: left; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #638c0b; width: 100%; }
.inquiry_list_box .list_txt .txt_content_box{ margin: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
.inquiry_list_box .list_txt figure{ float: left; padding: 0px; margin: 0px; }
.inquiry_list_box .list_txt figure img{ float: left;  padding: 5px; background-color: #FFF; border: 1px solid #E6E6E6; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; }
.inquiry_list_box .table_th{ margin: 0px; padding-top: 8px; padding-right: 5px; padding-bottom: 8px; padding-left: 5px; font-size: 13px; line-height: 1.68em; }
.inquiry_list_box .table_td{ margin: 0px; padding: 5px;}
.inquiry_list_box .table_td p{ margin: 0px; padding: 0px;}

.inquiry_list_box .width_photo{ width: 180px; float: left; }
.inquiry_list_box .width_txt{ width: 600px; float: left; }
.inquiry_list_box .width_button{ width: 122px; float: left; }
.inquiry_list_box .width_product_title{ width: 300px; float: left; }
.inquiry_list_box .width_sel{ width: 230px; float: left; }

.inquiry_list_box .table_td p.item { color: #666; }
.inquiry_list_box .table_td p.product_name { font-size: 15px;}

.submit_del { cursor: pointer; background-image: url(../images/submit_bt3_bg.png); background-repeat: no-repeat; height: 30px; width: 112px; color: #FFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: transparent; }

/*會員登入*/
.form_member_login{ margin-right: 10px; margin-left: 10px; padding-top: 10px; padding-bottom: 10px; clear: both; }
.form_member_login .form_tr{ clear:both; line-height:13px; float: left; display: block; width: 100%; padding-top: 5px; padding-bottom: 10px; }
.form_member_login .form_tr .label_box{ float:left; font-size:13px; width:150px; display: block; }
.form_member_login .form_tr .label_box .label_th{ font-size: 15px; color: #333; }
.form_member_login .form_tr .label_box .vcode { color:#F00; font-size: 15px; margin: 0px; padding: 0px; }
.form_member_login .form_tr .input_box{ float: left; display: block; }
.form_member_login .form_tr .input_box .input_200{ font-family:sans-serif !important; width:200px; color:#666; font-size:13px; margin-right:8px; border: 1px solid #CCC; padding: 3px; } 
.form_member_login .form_tr .check_box{ float: left; display: block; }

.form_member_login .form_tr .img_box{ float: left; display: block; } 

.form_member_login .form_tr .form_star{ font-weight: bold; color: #C30; font-size: 12px; }

.form_member_icon_box{ margin: 0px; padding-top: 8px; padding-right: 5px; padding-bottom: 8px; background-color: #E4E4E4; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCC; clear: both; padding-left: 5px; }
.form_member_icon_box a{}
.form_member_icon_box span{ padding-right: 5px; padding-left: 5px; }
.form_member_icon_box a:hover{}
.form_member_icon_box a.member_forget{}
.form_member_icon_box a.member_add{}


/*欄位表單樣式*/
.form_page { clear: both; width: 100%; }
.form_box { border:0; margin: 0px; clear: both; padding: 8px; background-color: #FFF; }
.form_head{ background-color:#638c0b; margin: 0px; padding: 5px; color: #FFF; font-size: 13px; }

.form_box .form_tr { clear:both; line-height:13px; float: left; display: block; padding-top: 5px; padding-bottom: 10px; width: 100%; margin: 0px; }
.form_box .form_tr .label_box{ float:left; font-size:13px; width:200px; display: block; text-align: right; padding-top: 5px; padding-right: 5px; }
.form_box .form_tr .label_box .label_th{ font-size: 15px; color: #333; margin: 0px; padding: 0px; }
.form_box .form_tr .label_box .vcode { color:#F00; font-size: 15px; margin: 0px; padding: 0px; }
.form_box .form_tr .input_box{ float: left; display: block; }
.form_box .form_tr .input_box .input_200{font-family:sans-serif !important; width:400px; color:#666; font-size:13px; margin-right:8px; border: 1px solid #CCC; padding: 3px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } 
.form_box .form_tr .input_box .input_180{ font-family:sans-serif !important;width:300px; color:#666; font-size:13px; margin-right:8px; border: 1px solid #CCC; padding: 3px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } 
.form_box .form_tr .input_box .input_vcode{ font-family:sans-serif !important; width:200px; color:#666; font-size:13px; margin-right:8px; border: 1px solid #CCC; padding: 3px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } 
.form_box .form_tr .input_box .textarea1 {  font-family:sans-serif !important;width:400px; margin-right:10px; color:#666; height:80px }
.form_box .form_tr .input_box .ps { font-size:11px; color:#888; margin-top:2px; line-height:13px; padding: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.form_box .form_tr .img_box{ float: left; display: block; padding-left: 10px; } 
.form_button_box { text-align: center; margin-top:20px; clear: both; float: left; width: 100%; margin-bottom: 20px; }

/* ____________表單按鈕____________ */
.submit { font-family:sans-serif !important; cursor: pointer; color:#363636; font-size:12px; margin: 5px; padding-right: 4px; padding-left: 4px; }
.smt1 { background-image: url(../images/submit_bt1_bg.jpg); background-repeat: no-repeat; height: 38px; width: 138px; color: #FFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: transparent; }
.smt2 { background-image: url(../images/submit_bt2_bg.png); background-repeat: no-repeat; height: 38px; width: 138px; color: #FFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: transparent; }
.smt3 { background-image: url(../images/submit_bt3_bg.png); background-repeat: no-repeat; height: 30px; width: 112px; color: #FFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: transparent; }

.submit_box{ padding: 20px; text-align: center; clear: both; }
.submit_box .submit_bt{ font-family:sans-serif !important; background-image: url(../images/submit_bt_bg.jpg); background-repeat: no-repeat; height: 38px; width: 138px; color: #FFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

/*內頁選單*/
.sub_title{ -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; width: 238px; padding: 0px; overflow: hidden; background-color: #638c0b; margin: 0px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #8dab4d; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #c2d29f; border-right-color: #c2d29f; border-left-color: #c2d29f; height: 70px; }
.sub_title h2{ color: #FFF; margin: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-weight: normal; font-size: 20px; padding-top: 30px; }
.sub_title_bottom{ -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; width: 238px; padding: 0px; overflow: hidden; background-color: #638c0b; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c2d29f; border-top-width: 3px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #8dab4d; border-right-color: #c2d29f; border-left-color: #c2d29f; height: 20px; clear: both; float: left; }

/*頁數區塊*/
.page_icon_list { text-align:center; font-size:11px; line-height:0; clear: both; margin: 0px; padding-top: 30px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px; width: 100%; display: block; }
.page_icon_list .ux { text-decoration: none; color:#0000ff; list-style-type: none; margin:0; padding:0 }
.page_icon_list li { display:inline; padding:2px 8px 2px 8px; margin:0 1px; border:1px solid #ccc; }
.page_icon_list span { color:#638c0b; font-weight:bold; }

.previous { margin: 0px; padding: 5px; clear: both; }
.previous a{ margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 20px; background-image: url(../images/Previous.png); background-repeat: no-repeat; background-position: 0px 0px; }
/* _____________________ morepic.asp ____________________________*/
#bg_color { padding:10px; height:100%; text-align:center; }
.bg_morepic { height:auto; padding-top: 0px; padding-right: 0; padding-bottom: 0px; padding-left: 0; background-image: none; }
.tb_rt { } 
.tb_Lt { }
.tb_Lb { clear:both; margin: 0px; padding: 0px; }
.tb_rb { clear:both; padding:0px; margin: 0px; }
.tb_rb img { background-color: #FFF; padding: 8px; border: 1px solid #CCC; }
.morepic_name { font-size:13px; font-weight:bold; color:#000; margin:3px 0 30px 0; text-align: center; }

.txt_box{ font-weight: normal; margin: 0px; text-align: left; vertical-align: top; padding: 0px; }

/*開啟視窗*/
.open_windows_top{ background-image: url(../images/open_windows_top.png); background-repeat: no-repeat; background-position: left top; height: 21px; width: 805px; display: block; clear: both; float: left; margin-top: 10px; padding: 0px; }
.open_windows_center{ background-image: url(../images/open_windows_center.png); background-repeat: repeat-y; background-position: left top; width: 765px; display: block; float: left; padding-right: 20px; padding-left: 20px; }
.open_windows_down{ background-image: url(../images/open_windows_down.png); background-repeat: no-repeat; background-position: left top; display: block; height: 25px; width: 805px; float: left; clear: both; }


/*內頁分享區塊*/
.detailed_sharing_box{ margin: 0px; float: right; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.detailed_sharing_box ul{ margin: 0px; list-style-image: none; list-style-type: none; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
.detailed_sharing_box ul li{ float: left; margin: 0px; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 0px; }

/*表單強制記號*/
.mandatory{ font-size: 12px; font-weight: bold; color: #C00; margin: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 0px; }


.footer_nav_page{ clear: both; float: left; width: 100%; background-color: #FFF; padding-top: 15px; background-image: url(../images/home_content_page_bg.png); background-repeat: no-repeat; background-position: center top; margin: 0px; padding-bottom: 0px; }
.footer_nav_box{ clear: both; width: 1000px; margin-right: auto; margin-left: auto; display: block; }
.grid_3{ width: 230px; display:block; float:left; margin:0 10px; }
.grid_6{ width: 480px; display:block; float:left; margin:0 10px; }
.grid_12{ width: 980px; display:block; float:left; clear: both; margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 10px; }
.footer_nav_page h5 { font-size: 16px; color: #FFF; font-weight: normal; margin: 0px; line-height: 1.8em; padding-top: 0px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }

.row_list-1_box{ list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; line-height: 1.68em; }
.row_list-1_box li{ font-size: 13px; color: #FFF; list-style-image: none; list-style-type: none; margin: 0px; float: left; padding-right: 5px; }
.row_list-1_box li a{}
.row_list-1_box li a:hover{}

.list-1_box{ list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; line-height: 1.68em; }
.list-1_box li{ font-size: 13px; color: #FFF; list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; background-image: url(../images/items_page_icon1.png); background-repeat: no-repeat; background-position: left 50%; }
.list-1_box li a{ color: #FFF; padding-right: 10px; padding-left: 10px; }
.list-1_box li a:hover{ color: #CCC; }

.list-2_box{ list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; line-height: 1.68em; }
.list-2_box li{ font-size: 13px; list-style-image: none; list-style-type: none; margin: 0px; padding: 0px;}
.list-2_box li a{  padding-right: 10px; padding-left: 10px; }
.list-2_box li a:hover{  }


.address { margin:0px; border:none; list-style:none; font-style: normal; display: block; clear: both; float: left; padding: 0px; width: 100%; }
.address li { line-height: 1.6em; width: 100%; margin: 0px; padding: 0px; clear: both; display: block; float: left; font-weight: normal; }
.address li a, .address li a:link, .address li a:visited {  font-weight: normal; margin: 0px; padding: 0px; }
.address li a:hover {  }
.address li strong {  padding-right: 5px; white-space: nowrap; display: block; float: left; letter-spacing: 1px; font-weight: normal; }
.address li strong.address_tel_title {}
.address li strong.address_fax_title { padding-left: 10px; }
.address li strong.address_email_title {}

.address li .address_txt_box { color: #333; padding-right: 5px; float: left; display: block; }
.address li .address_tel_box { color: #333; padding-right: 5px; float: left; }
.address li .address_fax_box { color: #333; padding-right: 5px; float: left; }


.all_more_page{ clear: both; display: block; width: 100%; padding-top: 5px; padding-bottom: 5px; float: left; }
.all_more_box{ float: left; clear: both; background-color: #333; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
.all_more_box a{ color: #FFF; }


/*無資料內容*/
.no_data{ clear: both; width: 98%; display: block; background-color: #fff0eb; border: 1px solid #ffd7cd; background-image: url(../images/warning_24.png); background-repeat: no-repeat; background-position: 5px 50%; padding: 0px; margin-top: 5px; margin-right: 1%; margin-bottom: 5px; margin-left: 1%; float: left; }
.no_data p{ margin: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 30px; }

/*大圖頁碼*/
.homeimage{ width: 1000px; margin-right: auto; margin-left: auto; position: relative; z-index: 2000; background-color: #09C; }
#homeimage{ display: block; position: absolute; float: left; top: 610px; }
#homeimage a { text-decoration: none; margin-right: 5px; margin-left: 5px; float: left; display: block; color: #CCC; line-height: normal; text-indent: -9000px; height: 32px; width: 20px; padding: 0px; background-image: url(../images/homeimage_icon.png); background-repeat: no-repeat; background-position: center bottom; }
#homeimage a.activeSlide { cursor: default; background-position: top; }
#homeimage a:focus { outline: none; }

/*滑鼠移到圖片展示*/
.trans_msg{ border: 1px solid #CCC; padding: 5px; background-color: #FFF; line-height: 0px; }
.trans_msg img{ width: 250px; line-height: 0px; margin: 0px; padding: 0px; }
.trans_msg{	filter:alpha(opacity=100,enabled=1) revealTrans(duration=.2,transition=1) blendtrans(duration=.2);}

/* CSS class for zoomed area */
.MagicZoomBigImageCont{ border:1px solid #333; overflow:hidden }
.MagicZoomBigImageCont img{width:800px;height:800px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none;}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default;}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none;background-color: #000;}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer;background-color: #000;}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(graphics/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;}