@charset "utf-8";
/* CSS Document */
/* Body */
body { font-family: Arial, "微軟正黑體"; color: #333; margin: 0; padding: 0; text-align: left; font-size: 15px; clear: both; float: left; width: 100%; display: block; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: #ededed;}
/* Anchors */
a { -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; outline: 0; }
a img { border: 0px; text-decoration: none; }
a:link, a:visited {color: #5A810A;text-decoration: none; }
a:hover, a:active {color: #333;text-decoration: none; }
img { border: 0; margin:0; padding: 0; line-height: 0px; }
html { font-size: 12px; line-height: normal; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family: Arial, "微軟正黑體"; }
font, input { font-family: Arial, "微軟正黑體"; }

#mobile_menu{z-index: 100;}

._left{ float: left; }
._right{ float: right; }

/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 
 properly apply the media queries in Bootstrap's CSS. To address this, 
 you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/
@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}

/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, 
 and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied 
*/
@-ms-viewport {width: auto !important;}

/*HTML5 定義*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0px; padding: 0px; display: block; }
figure { margin:0; padding: 0; line-height: 0px; }

/*特效定義*/
._textshadow{text-shadow: 0px 0px 5px rgba(0,0,0,0.8);}

/*圖片特效*/
.thumb { overflow: hidden; display: block; position: relative;}
.thumb img { width: 100%; height: auto; transition:0.5s;  -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; }
.thumb:hover img { transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); }

/*圓角特效*/
._border_8{-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
._border_5{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/*頁面上方header*/
.page{ clear: both; float: left; width: 100%; }
.top_header_page { width: 100%; clear: both; float: left; position: relative; z-index: 10; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #bababa;}
.top_header_box { clear: both; position: relative; width: 80%; margin-right: 10%; margin-left: 10%; float: left; }

.worldwide_desktop{ display: block; cursor: pointer;}
.worldwide_phone{ display: none; cursor: pointer; }

/*公司LOGO名稱*/
.company_page{ width: 100%; clear: both; float: left; }
.company_box { clear: both; width: 100%; float: left; padding-top: 10px; }
.company_box .logo { float: left; position: relative; display: block; margin-right: 10px; }
.company_box .logo a{ float: left; display: block; margin: 0px; padding: 0px; }
.company_box .logo img{ float: left; line-height: 0px; height: 70px; width: auto;  }
.company_box .company-name { font-weight: normal; color: #000; position: relative; text-align: left; display: block; float: left; padding: 0px; vertical-align: bottom; font-size: 18px; margin: 0px; line-height: 70px; }

/*跑馬燈*/
.marquee_page{ width: 100%; clear: both; float: left; position: relative;  }
.marquee_box{ clear: both; position: relative; width: 50%; margin-right: 10%; margin-left: 40%; padding-top: 5px; padding-bottom: 5px; margin-top: -28px; }

/*頁面上方語文下拉選單*/
#language { float: right; padding: 0px; display: block; margin-top: 2px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }
.language { font-size: 13px; line-height: 1.68em; display: block; margin: 0px; padding: 4px; }

/*手機選單*/
nav:not(.mm-menu) { display: none; }
.header{ text-align: center; display: none;}
.header{ background: #777; font-size: 16px; font-weight: bold; color: #FFF; line-height: 40px; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; float: left; position: absolute; left: 0px; top: -3px; padding: 0; margin: 0px; }
.header.fixed { position: fixed; top: 0; left: 0; }
.footer.fixed { position: fixed; bottom: 0; left: 0; }
.header a { background-image: url(../images/phone_menu.png); display: block; width: 40px; height: 40px; position: absolute; top: 0px; left: 0px; z-index: 400; background-color: transparent; background-repeat: no-repeat; background-position: center center; float: left; margin: 0px; padding: 0px; }

/*頁面選單*/
nav.navigation_page{ clear: both; float: left; width: 100%; display: block;background-color: #333; }
ul.navigation_box{ clear: both; text-align: center; width: 80%; float: left; margin-top: 0px; margin-right: 10%; margin-bottom: 0px; margin-left: 10%; padding: 0px; }
ul.navigation_box li{ font-size: 16px; text-align: center; display: block; list-style-image: none; list-style-type: none; float: left; width: 16.666%; margin: 0px; padding: 0px; }
ul.navigation_box li a,
ul.navigation_box li a:link,
ul.navigation_box li a:visited{ transition:0.3s; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; color: #FFF; text-align: center; display: inline-block; width: 100%; padding-top: 8px; padding-bottom: 8px; background-image: url(../images/icon_line.png); background-repeat: no-repeat; background-position: right center; background-color: #333; }
ul.navigation_box li a:hover,
ul.navigation_box li a:active{background-color: #5A810A;}

ul.navigation_box li.meun_home{}
ul.navigation_box li.meun_about{}
ul.navigation_box li.meun_product{}
ul.navigation_box li.meun_new_product{}
ul.navigation_box li.meun_news{}
ul.navigation_box li.meun_contact a{ background-image: none; }

body.company-profile ul.navigation_box li.meun_about a{background-color: #5A810A;}
body.products-line ul.navigation_box li.meun_product a{background-color: #5A810A;}
body.new-products ul.navigation_box li.meun_new_product a{background-color: #5A810A;}
body.news ul.navigation_box li.meun_news a{background-color: #5A810A;}
body.contact ul.navigation_box li.meun_contact a{background-color: #5A810A;}

/*首頁內容分佈區*/
.home_content_page{ width: 100%; clear: both; position: relative; display: block; float: left; }
.home_content_box{ position: relative; clear: both; width: 80%; display: inline-block; margin-top: 0px; margin-right: 10%; margin-bottom: 0px; margin-left: 10%; background-color: #FFF; padding-top: 10px; padding-right: 2%; padding-bottom: 20px; padding-left: 2%; float: left; }

.home_left_box{ width: 48%; display: block; float: left; margin-right: 2%; }
.home_right_box{ width: 48%; display: block; float: right; margin-left: 2%; }
.home_one_box{ width: 100%; position: relative; margin: 0px; float: left; padding: 0px; }

/*內頁大標題*/
.page_title_box{ clear: both; width: 100%; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #E0E0E0; margin-bottom: 20px; padding-bottom: 8px; position: relative; }
.page_title{ color: #5A810A; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: normal; font-size: 24px; font-weight: bold; margin: 0px; clear: both; width: 100%; text-transform: uppercase; }
.page_subtitle{ color: #333; margin: 0px; padding: 0px; }

/*內頁大標題*/
.sub_page_category_box{ clear: both; width: 100%; }
.category_title{ color: #5A810A; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: normal; font-size: 24px; font-weight: bold; margin: 0px; clear: both; width: 100%; text-transform: uppercase; }
.category_subtitle{ color: #333; margin: 0px; padding: 0px; }

/*內頁小標題*/
.sub_page_title{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666;  padding-top: 8px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: left 11px; clear: both; display: block; margin: 0px; width: 100%; float: left; position: relative; }
.sub_page_title:before { content:"\f14a"; padding-right: 6px; font-family: "FontAwesome"; font-size: 14px; line-height: 23px; font-weight: 400; color: #666; }
.sub_page_title span{ padding-left: 5px; }

/*內頁_內文說明*/
.sub_page_txt{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666;  padding-top: 8px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: left 11px; clear: both; display: block; margin: 0px; width: 100%; float: left; position: relative; }
.sub_page_txt:before { content:"\f007"; padding-right: 6px; font-family: "FontAwesome"; font-size: 14px; line-height: 23px; font-weight: 400; color: #666; }
.sub_page_txt span{ padding-left: 5px; }

/*網頁路徑*/
#path_link{ width: 100%; float: left; display: block; line-height: normal; margin: 0px; padding: 0px; clear: both; }
#path_link h2{ margin: 0px; font-size: 15px; color: #666; float: left; font-weight: normal; line-height: 1.58em; padding: 0px; }
#path_link h2 i{ color: #333; }
#path_link h2 a{ padding-right: 8px; padding-left: 8px; }
#path_link h2 sapn{ padding-right: 10px; padding-left: 10px; margin-right: 10px; margin-left: 10px; }
#path_link h2 strong{ color: #999; padding-right: 8px; padding-left: 8px; font-weight: normal; }
#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{ color: #333; }
#path_link h2 a:hover {color: #5A810A; }

/*產品路俓*/
.category_path_link_page{ clear: both; width: 98%; float: left; padding-right: 1%; padding-left: 1%; }
.category_path_link_box{ font-size: 15px; float: left; display: block; padding-top: 8px; line-height: normal; clear: both; width: 98%; text-align: left; padding-bottom: 8px; position: relative; margin: 0px; padding-right: 1%; padding-left: 1%; }
.category_path_link_box:before{ content:"\f054"; font-family: "FontAwesome"; font-weight: 300; color: #5A810A; position: absolute; left: -2px; top: 11px; font-size: 12px; }
.category_path_link_box a{ color: #333; }
.category_path_link_box a:hover{ color: #5A810A; }
.category_path_link_box strong{ text-transform: uppercase;  color: #333; display: block; }
.category_path_link_box span{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; }
.category_path_link_box font{display: inline-block;}


/*頁底*/
.footer_body{ clear: both; width: 100%; float: left; background-color: #333; padding-top: 20px; padding-bottom: 10px; }

/*地址*/
.address_page{ clear: both; float: left; width: 100%; }
.address_box { width: 80%; margin-right: 10%; margin-left: 10%; clear: both; float: left; padding: 0px; margin-top: 0px; margin-bottom: 0px; list-style-image: none; list-style-type: none; }
.address_box li { color: #FFF; line-height: 32px; width: 100%; padding: 0px; clear: both; display: block; float: left; font-weight: normal; margin-top: 2px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
.address_box li a, 
.address_box li a:link, 
.address_box li a:visited { color: #FFF; font-weight: normal; margin: 0px; padding: 0px; }
.address_box li a:hover { color: #5A810A; }
.address_box li strong { color: #5A810A; padding-right: 5px; white-space: nowrap; display: block; float: left; font-weight: normal; background-repeat: no-repeat; }
.address_box li strong.address_title{ background-image: url(../images/location-icon.png); text-indent: -9000px; height: 32px; width: 32px; float: left; }
.address_box li strong.address_tel_title { background-image: url(../images/phone-icon.png); text-indent: -9000px; height: 32px; width: 32px; float: left;}
.address_box li strong.address_fax_title { background-image: url(../images/print-icon.png); text-indent: -9000px; height: 32px; width: 32px; float: left;}
.address_box li strong.address_email_title { background-image: url(../images/email-icon.png); text-indent: -9000px; height: 32px; width: 32px; float: left;}
.address_box li .address_txt_box { padding-right: 5px; padding-left: 40px; line-height: 1.6em; padding-top: 5px; }
.address_box li .address_tel_box { padding-right: 5px; padding-left: 40px;line-height: 1.6em;padding-top: 5px;}
.address_box li .address_fax_box { padding-right: 5px; padding-left: 40px;line-height: 1.6em;padding-top: 5px;}
.address_box li .address_email_box{ padding-right: 5px; padding-left: 40px;line-height: 1.6em;padding-top: 5px;}
.address_box li .address_cmpanyname_title{ font-size: 18px; color: #FFF; }

/*powered*/
.powered_page { text-align: right; float: left; padding: 0px; clear: both; width: 100%; margin: 0px; }
.powered_box{ color: rgba(255, 255, 255, 0.3); width: 80%; margin-right: 10%; margin-left: 10%; clear: both; float: left; font-size: 12px; margin-top: 25px;}
.powered_box a, 
.powered_box a:link, 
.powered_box a:visited {color: rgba(255, 255, 255, 0.3); }
.powered_box a:hover { color: rgba(255, 255, 255, 0.8); }

a.footer_policy_link:link{color: rgba(255, 255, 255, 1)!important;}
a.footer_policy_link:hover{color: rgba(255, 255, 255, 0.5)!important;}
.footer_policy_link_divider{ margin-right: 8px; margin-left: 8px; }

/*DOs*/
.dos_content_page{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #F0F0F0; clear: both; width: 100%; margin-bottom: 10px; float: left; padding: 10px; margin-top: 15px; border: 1px solid #E0E0E0; }
.dos_content_box{ font-size: 15px; line-height: 1.68; }

.dos_description_page{ clear: both; width: 98%; margin-bottom: 10px; float: left; padding-top: 10px; padding-bottom: 10px; padding-right: 1%; padding-left: 1%; }
.dos_description_box{}

.product_categories{ clear: both; width: 98%; float: left; padding-top: 0px; padding-bottom: 0px; padding-right: 1%; padding-left: 1%; margin-top: 10px; }
.product_categories strong{ font-size: 18px; color: #5A810A; font-weight: normal; }

.related_product_categories{ clear: both; width: 98%; float: left; padding-top: 0px; padding-bottom: 0px; padding-right: 1%; padding-left: 1%; margin-top: 10px; }
.related_product_categories strong{ font-size: 15px; color: #5A810A; }

.product_menu_page{ clear: both; width: 98%; margin-bottom: 10px; float: left; padding-top: 10px; padding-bottom: 10px; padding-right: 1%; padding-left: 1%; }
.product_menu_box{ margin: 0px; list-style-image: none; list-style-type: none; padding: 0px; }
.product_menu_box li{ margin-bottom: 5px; }
.product_menu_box li:before{ content:"\f054"; font-family: "FontAwesome"; font-weight: 300; color: #5A810A; font-size: 12px; padding-right: 4px; }
.product_menu_box li a,
.product_menu_box li a:link,
.product_menu_box li a:visited{ color: #333; }
.product_menu_box li a:active,
.product_menu_box li a:hover{ color: #5A810A; text-decoration: underline; }

/*產品表格選單*/
.products_list_page{ width: 98%; display: block; float: left; clear: both; padding-top: 0px; padding-right: 1%; padding-bottom: 20px; padding-left: 1%; margin: 0px; }
.products_list_page ul.products_list_box{ width: 100%; list-style:none; display: block; clear: both; padding: 0px; float: left; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 20px; }
.products_list_page ul.products_list_box li.products_list{ color:#FFF; line-height:normal; list-style-type:none; display:block; text-decoration:none; margin:0px; width: 25%; padding: 0px; float: left; }

.sub_navigation_box{ width: 90%; clear: both; float: left; margin-bottom: 20px; }
.sub_navigation_box .navigation_img{ width: 100%; clear: both; float: left; margin-bottom: 10px;padding: 1px; }
.sub_navigation_box a.navigation_title{ padding: 0px; clear: both; width: 100%; display: block; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-weight: bold; position: relative; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999;  }
.sub_navigation_box a.navigation_title strong{ font-size: 15px; padding: 0px; float: left; display: block; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }

.sub_navigation_box .navigation_list{ clear: both; float: left; width: 100%; list-style-image: none; list-style-type: none; display: block; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0%; }
.sub_navigation_box .navigation_list .navigation_link{ clear: both; float: left; width: 100%; margin: 0px; padding: 0px;  }
.sub_navigation_box .navigation_list .navigation_link a,
.sub_navigation_box .navigation_list .navigation_link a:link,
.sub_navigation_box .navigation_list .navigation_link a:visited{ line-height: 1.68em; padding: 2px; float: left; margin: 0px; color: #333; }
.sub_navigation_box .navigation_list .navigation_link a:active,
.sub_navigation_box .navigation_list .navigation_link a:hover{ color: #5A810A;}
.sub_navigation_box .navigation_list .navigation_link a:before { content:"\f105"; padding-right: 4px; font-family: FontAwesome; font-size: 13px; font-weight: 400; padding-left: 0px; float: left; color: #5A810A;}


/*公司簡介區*/
.about_page{ width: 100%; clear: both; margin: 0px; padding: 0px; float: left; }
.about_page .category_title_box{ float: left; display: block; padding-top: 8px; line-height: normal; clear: both; width: 100%; text-align: left; padding-bottom: 8px; position: relative; margin: 0px; padding-right: 0px; padding-left: 0px; }
.about_page .category_title_box strong{ text-transform: uppercase; font-size: 16px; color: #5A810A; display: block; }
.about_page .category_title_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; }

.about_box{ width: 100%; clear: both; padding-bottom: 10px; float: left; margin-bottom: 10px; }
.about_box .about_photo_box{ float: left; width: 30%; }
.about_box .about_photo_box figure { display: block; width: 100%; padding: 0px; clear: both; margin: 0px; height: auto; float: left; }
.about_box .about_photo_box figure img{ background-color: #FFF; height: auto; width: 100%; }
.about_box .about_txt_box{ float: left; width: 66%; padding-right: 2%; padding-left: 2%; }
.about_box .about_txt_box_no_photo{ width: 100%; float: left; padding-right: 0%; padding-left: 0%;}


/*最新消息*/
.news_page{ width: 100%; clear: both; float: left; margin-bottom: 20px; }
.news_list_box{ clear: both; width: 100%; float: left; }
.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; display: block; }
.news_list_box li.list_title i{ font-size: 15px; line-height: 1.6em; color: #666; float: left; margin-right: 5px; }
.news_list_box li.list_title a{ display: block; font-size: 15px; line-height: 1.6em; float: left; width: 90%; margin: 0px; padding: 0px;color: #333; }
.news_list_box li.list_title a:hover{ color: #5A810A; }
/*.news_list_box li.list_title a:before { content:"\f14a"; font-family: "FontAwesome"; font-weight: 400; color: #666; padding-right: 5px; }*/

.news_list_box .list_date{ margin: 0px; text-align: right; float: right; font-size: 13px; 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; background-color: #FFF; padding: 5px; border: 1px solid #DDD; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; }

/*最新消息詳細頁*/
.news_detail_box{ display: block; clear: both; float: left; width: 100%; padding: 0px; margin: 0px; }
.news_detail_box .news_detail_title{ font-size: 20px; font-weight: bold; width: 100%; clear: both; float: left; padding: 0px; color: #333; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; line-height: 1.3em; }
.news_detail_box .time{ margin: 0px; color: #666; width: 100%; clear: both; float: left; padding: 0px; font-size: 15px; line-height: 1.68em; }

.content_editor_page{ margin: 0px; clear: both; float: left; width: 100%; padding: 0px; }
.content_editor_box{ margin: 0px; float: left; padding-top: 5px; padding-bottom: 10px; width: 100%; padding-right: 0px; padding-left: 0px; color: #666; }

.news_photo_box{ float: left; margin-right: 5px; }
.news_photo_box figure{ padding: 0px; margin: 0px; clear: both; float: left; }
.news_photo_box figure img{ padding: 5px; border: 1px solid #DDD; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; background-color: #FFF; }

/*最新產品區*/
.product_page{ width: 100%; clear: both; float: left; margin-bottom: 10px; }
.product_page .category_title_box{ float: left; display: block; padding-top: 8px; line-height: normal; clear: both; width: 100%; text-align: left; padding-bottom: 8px; position: relative; margin: 0px; padding-right: 0px; padding-left: 0px; }
.product_page .category_title_box strong{ text-transform: uppercase; font-size: 16px; color: #333; display: block; }
.product_page .category_title_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; }

.product_box{ width: 100%; clear: both;  float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px;padding: 5px 0 15px 0; }
.product_box .product_photo_box{ float: left; width: 30%; }
.product_box .product_photo_box figure { display: block; width: 100%; padding: 0px; clear: both; margin: 0px; height: auto; float: left; }
.product_box .product_photo_box figure img{ background-color: #FFF; height: auto; width: 100%; }
.product_box .product_txt_box{ float: left; width: 66%; padding-right: 2%; padding-left: 2%; }
.product_box .product_txt_box .item_no{ padding: 0px; margin-top: 2px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; }
.product_box .product_txt_box .item_no a, 
.product_box .product_txt_box .item_no a:link, 
.product_box .product_txt_box .item_no a:visited{ text-decoration: none; word-break: break-all;  margin: 0px; padding: 0px; clear: both; display: block; width: 100%; font-size: 15px; font-weight: normal; text-align: left; color: #333; }
.product_box .product_txt_box .item_no a:hover { }
.product_box .product_txt_box .product_name{ padding: 0px; margin-top: 2px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.product_box .product_txt_box .product_name a, 
.product_box .product_txt_box .product_name a:link, 
.product_box .product_txt_box .product_name a:visited{  text-decoration: none; clear: both; display: block; margin: 0px; padding: 0px; width: 100%; text-align: left; font-size: 20px; font-weight: normal;}
.product_box .product_txt_box .product_description_box{ color: #666;margin-bottom: 15px; }
.product_box .product_txt_box_no_photo{ width: 100%; float: left; padding-right: 0%; padding-left: 0%;}

/*產品詳細頁*/
.product_detail_box{ width: 100%; clear: both; float: left; margin-bottom: 10px; }
.product_detail_box .product_detail_title{ font-size: 20px; font-weight: bold; width: 100%; clear: both; float: left; padding: 0px; color: #333; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; line-height: 1.3em; }
.product_detail_box .product_photo_box{ float: left; width: 100%; clear: both; margin-bottom: 10px; }
.product_detail_box .product_photo_box figure { display: block; width: 100%; padding: 0px; clear: both; margin: 0px; height: auto; float: left; }
.product_detail_box .product_photo_box figure img{ background-color: #FFF; height: auto; width: 100%; }
.product_detail_box .product_txt_box{ float: left; width: 100%; margin-bottom: 10px; }
.product_detail_box .product_txt_box .item_no{ padding: 0px; margin-top: 2px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px;font-size: 18px;color: #333;  }
.product_detail_box .product_txt_box .item_no a, 
.product_detail_box .product_txt_box .item_no a:link, 
.product_detail_box .product_txt_box .item_no a:visited{ text-decoration: none;   margin: 0px; padding: 0px; clear: both; display: block; width: 100%; font-size: 18px; font-weight: normal; text-align: left; color: #333; }
.product_detail_box .product_txt_box .item_no a:hover { }
.product_detail_box .product_txt_box .product_name{ padding: 0px; margin-top: 2px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; color: #5A810A;font-size: 24px; }
.product_detail_box .product_txt_box .product_name 
.product_detail_box .product_txt_box .product_name a:link, 
.product_detail_box .product_txt_box .product_name {text-decoration: none; clear: both; display: block; margin: 0px; padding: 0px; width: 100%; text-align: left; font-size: 24px; font-weight: normal;margin-bottom: 10px;margin-top: 2px;}
.product_detail_box .product_txt_box .product_description_box{color: #666;font-size: 16px;margin-top: 15px;}
.product_detail_box .product_txt_box_no_photo{ width: 100%; float: left; padding-right: 0%; padding-left: 0%;}

.product_content_list{ float: left; width: 100%; clear: both; margin-bottom: 10px; }
.product_content_list .list_box{ margin: 0px; padding: 0px; clear: both; }
.product_content_list .title{ color: #5A810A; margin: 0px; background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: 5px 12px; font-size: 15px; line-height: 1.6em; padding: 0px; clear: both; float: left; width: 100%; }
.product_content_list .title:before { content:"\f14a"; padding-right: 6px; font-family: "FontAwesome"; font-size: 14px; line-height: 23px; font-weight: 400; color: #666; }
.product_content_list .txt{ color: #666; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; clear: both; width: 100%; text-align: left; }
.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; }

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

.form_tr{ clear:both; line-height:13px; float: left; display: block; width: 100%; padding-top: 6px; padding-bottom: 6px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #FFF; }
.form_tr .label_box{ float:left; font-size:13px; width:20%; display: block; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 2%; }
.form_tr .label_box .label_th{ font-size: 15px; color: #333; padding: 0px; margin: 0px; position: relative; }
.form_tr .label_box .vcode { color:#F00; font-size: 15px; margin: 0px; padding: 0px; }
.form_tr .input_box{ float: left; display: block; width: 76%; padding-right: 1%; padding-left: 1%; }
.form_tr .input_box .input_200{ width:90%; color:#666; font-size:15px; border: 1px solid #CCC; padding: 5px; margin: 0px; } 
.form_tr .input_box .input_180{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_tr .input_box .input_vcode{ width:200px; color:#666; font-size:13px; margin-right:8px; border: 1px solid #CCC; padding: 3px; margin-top: 5px; margin-bottom: 0px; margin-left: 0px; float: left; } 
.form_tr .input_box .textarea1 {width:90%; margin-right:10px; color:#666; height:80px }
.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_tr .check_box{ float: left; display: block; margin: 0px; padding: 5px; }
.form_tr .img_box{ float: left; display: block; margin: 0px; padding: 5px; } 
.form_tr .img_box img{ float: left; display: block; margin: 0px; } 
.form_tr .form_star,.form_tr .mandatory{ font-weight: bold; color: #C30; font-size: 12px; position: absolute; left: -8px; }

.form_member_icon_box{ margin: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; background-color: #E4E4E4; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCC; clear: both; padding-left: 0px; float: left; width: 100%; }
.form_member_icon_box a{ margin-left: 10px; }
.form_member_icon_box a i{ font-size: 18px;margin-right: 5px; }
.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{}

/*表單按鈕*/
.push_button_page{ clear: both; text-align: center; float: left; width: 100%; margin-bottom: 10px; }
.push_button_box{ text-align: center; margin-top: 10px; margin-bottom: 10px; }

.push_button{ cursor: pointer; background-color: #5A810A; display: block; float: left; padding-right: 10px; padding-left: 10px; border: 1px solid #425F07; margin-right: 10px; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; color: #FFF; }
.push_button i{ padding-right: 5px; color: #FFF; }
a.push_button { color: #FFF; }
.push_button:hover{ color: #FFF; background-color: #333; border: 1px solid #000; }

.push_button_xl{ cursor: pointer; background-color: #5A810A; border: 1px solid #425F07; margin-right: 10px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; color: #FFF; }
.push_button_xl i{ padding-right: 5px; }
.push_button_xl:hover{ color: #FFF; background-color: #333; border: 1px solid #000; }

/*====================== toTop =========================*/
.toTop { font-family: FontAwesome; border-radius: 50%; width: 35px; height: 35px; text-align: center; right: 25px; bottom: 25px; color: rgb(255, 255, 255); line-height: 35px; overflow: hidden; font-size: 30px; text-decoration: none; display: none; position: fixed; z-index: 20; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #CCC; }
.toTop::before { content: "\f106";  display: inline-block;transition:0.3s; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; }
.toTop::after {content: "\f106"; transition:0.3s; left: 0px; top: 0px; width: 100%; height: 100%;  display: inline-block; position: absolute;  transform: translate(0px, 36px); -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; }
.toTop:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: #5A810A; }
.toTop:hover::before { transform: translate(0px, -36px); }
.toTop:hover::after { transform: translate(0px, 0px); }
.toTop:visited { color: rgb(255, 255, 255); }
.toTop:focus { color: rgb(255, 255, 255); }
.toTop:active { color: rgb(255, 255, 255); }

/*內頁分享區塊*/
.detailed_sharing_box{ margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: absolute; top: 0px; right: 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; }

/*網站內容編輯區*/
.edit_box{ line-height: 1.58em; font-size: 15px; }