@charset "utf-8";
/* CSS Document */
/* Body */
body { font-family: Arial, "微軟正黑體"; color: #333; padding: 0px !important; margin: 0px !important; text-align: left; font-size: 13px; background-color: #FFF; z-index: 0; }
/* Anchors */
a { outline: none !important;-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;cursor:pointer; }
a img { border: 0px; text-decoration: none; }
a:link, a:visited { color: #638c0b; 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, "微軟正黑體"; }

html { width: 100%; height: 100%; }
body { width: 100%; height: 100%; }
/*
 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;}

/*@-ms-viewport {width:device-width}*/
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
*:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

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

/*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);}
._textshadow_1{text-shadow: 0px 0px 3px rgba(0,0,0,0.6);}

/*圖片特效定義*/
._box_shadow_1{box-shadow: 0px 0px 3px rgba(0,0,0,0.6);}

/*圖片特效*/
.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*/
.top_header_page { transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out 0s; width: 100%; z-index: 1000; clear: both; background-image: url(../images/top_header_page_bg.png); background-repeat: repeat-x; background-position: left bottom; border-bottom: 0; box-shadow: none; position: relative; float: left; }
.top_header_box { display: block; clear: both; position: relative; float: left; margin: 0px; padding: 0px; width: 100%; z-index: 1; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e0e0e0; }

body.c-page-on-scroll .top_header_page { margin-top: -38px; transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out 0s; position: fixed; z-index: 9980; clear: both; float: left; }
body.page_home .top_header_page{ position: relative; clear: both; width: 100%;z-index: 9980; }

/*頁面上方公司LOGO和選單*/
.top_navigation_page{ clear: both; float: left; padding: 0px; width: 100%; margin: 0px; }
.top_navigation_box{ width: 80%; display: block; margin-right: 10%; margin-left: 10%; clear: both; float: left; }
.top_navigation_left_box{ float: left; width: 30%;  }
.top_navigation_right_box{ float: right; width: 70%;  }

/*公司LOGO名稱*/
.company_page{ float: left; width: 100%;  }
.company_box { position: relative; width: 100%; margin-right: auto; margin-left: auto; z-index: 100; }
.company_box .logopic { margin: 0px; float: left; position: relative; padding: 0px; display: block; }
.company_box .logopic a{ float: left; display: block; }
.company_box .logopic img{ float: left; position: relative; display: block; -moz-transition: 0.8s; -o-transition: 0.8s; -webkit-transition: 0.8s; transition: 0.8s; height: 70px; width: auto; }
.company_box h2 { font-weight: normal; color: #000; position: relative; text-align: left; display: block; white-space: nowrap; float: left; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 8px; }
.company_box h2 font{ position: relative; vertical-align: bottom; font-size: 22px; line-height: 70px; }

/*頁面上方選單區*/
.top_icon_page { clear: both; width: 100%; float: left; display: block; }
.top_icon_box { display: block; clear: both; position: relative; right: 0px; float: left; width: 80%; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; margin-top: 0px; margin-right: 10%; margin-bottom: 0px; margin-left: 10%; }
.top_icon_left_box { float: left; width: 470px;}

/*頁面上方文字*/
.top_text_messages{ float: left; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; }

/*頁面上方文字選單*/ 
#topmenuicon { float: right; margin: 0px; padding: 0px; }
#topmenuicon ul { padding: 0px; border:none; list-style:none; white-space: nowrap; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#topmenuicon ul a { display: block; white-space: nowrap; background-color: #638c0b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 13px; line-height: 23px;}
#topmenuicon li { float: left; white-space: nowrap; display: block; margin: 0px; padding-top: 0px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px; }
#topmenuicon li a, 
#topmenuicon li a:link, 
#topmenuicon li a:visited { padding-right: 8px; padding-left: 8px; margin: 0px; display: block; color: #FFF; padding-top: 2px; padding-bottom: 2px; }
#topmenuicon li a:hover { color: #FFF; background-color: #5A810A; }
#topmenuicon li a.system_login{color: #FFF; background-color: #666; }
#topmenuicon li a.system_login:hover { color: #FFF; background-color: #638c0b; }
#topmenuicon li a.system_login:before { content:"\f090"; padding-right: 6px; font-family: "FontAwesome";  font-size: 15px;font-weight: 400; color: #FFF; }

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

/*搜尋*/
.search_page{ float: right; margin-right: 5px; margin-left: 5px; }
.search_box{ float: left; margin-top: 5px; margin-bottom: 2px; }
.search_bg{ float: left; background-color: #FFF; padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px; }
.search_bg i{ color: #000; font-size: 1.1em; }
.search_box .search_txt{ margin: 0px; padding: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; height: 28px; font-size: 1em;  }
.search_box .search_btn1{ cursor: pointer; background-color: #333; float: left; color: #FFF; font-size: 1.1em; border: 1px solid #000; display: block; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; height: 28px; }
.search_box .search_btn2{ cursor: pointer; background-color: #666; float: left; color: #CCC; font-size: 0.9em; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; border: 1px solid #333; height: 28px; display: block; margin: 0px; line-height: 28px; }
.search_box .search_btn1:hover{ background-color: #638c0b; color: #FFF; border-top-color: #567A0A; border-right-color: #567A0A; border-bottom-color: #567A0A; border-left-color: #567A0A; }
.search_box .search_btn2:hover{ background-color: #000; color: #FFF; }

/*手機搜尋*/
.mobile_search_page{ clear: both; width: 90%; display: block; z-index: 3; position: relative; margin-top: 5px; float: left; margin-right: 5%; margin-left: 5%; }
.mobile_search_box{  }
.mobile_search_bg{ background-color: #FFF; padding: 5px; border: 1px solid #CCC; margin-top: 5px; margin-bottom: 5px; }
.mobile_search_box .search_txt{ margin: 0px; padding: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width: 85%; }
.mobile_search_box .search_btn1{ background-color: #333; float: left; color: #FFF; font-size: 0.9em; width: 100%; padding: 0px; clear: both; text-align: center; line-height: 2em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; border: 1px solid #1D1D1D; }
.mobile_search_box .search_btn2{ background-color: #666; padding: 0px; float: left; color: #CCC; font-size: 0.9em; margin: 0px; width: 100%; clear: both; line-height: 2em; text-align: center; }
.mobile_search_box .search_btn1:hover{ background-color: #638c0b; border-top-color: #4F7109; border-right-color: #4F7109; border-bottom-color: #4F7109; border-left-color: #4F7109; }
.mobile_search_box .search_btn2:hover{ background-color: #638c0b; }

/*手機選單*/
nav.mm-menu { display: none; }
#mobile_menu{z-index: 1000001;}
.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: fixed; left: 0px; top: 0px; padding: 0; margin: 0px; z-index: 1000001; }
.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; }
.page{ width: 100%; height: 100%; position: relative; clear: both; float: left; margin: 0px; padding: 0px; left: 0px; top: 0px; }
.page2 { display: none; background-image: url(../images/black_alpha_4.png); z-index: 10000; position: absolute; height: 10000%; width: 100%;}

/*首頁內容分佈區*/
.home_content_page{ width: 100%; clear: both; position: relative; display: block; float: left; }
.home_content_box{ position: relative; clear: both; width: 100%; display: block; 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; }

.home_4_1_box{ width: 23%; display: block; float: left; margin-right: 2.66%; }
.home_4_2_box{ width: 23%; display: block; float: left; margin-right: 1.33%; margin-left: 0%; }
.home_4_3_box{ width: 23%; display: block; float: left; margin-right: 0%; margin-left: 1.33%; }
.home_4_4_box{ width: 23%; display: block; float: left; margin-left: 2.66%; }

/*內頁兩欄分佈區*/
#sub_content_page{ width: 100%; clear: both; position: relative; display: block; float: left; padding-top: 15px; padding-bottom: 50px; margin: 0px; padding-right: 0px; padding-left: 0px; }
#sub_content_box{ position: relative; clear: both; width: 80%; display: block; margin-top: 0px; margin-right: 10%; margin-bottom: 0px; margin-left: 10%; padding: 0px; }
#sub_left_box{ width: 240px; float: left; padding: 0px; margin: 0px; border: 1px solid #DFDFDF; }
#sub_right_box{ width: 79%; float: left; margin-top: 0px; margin-right: 0%; margin-bottom: 0px; margin-left: 2%; padding: 0px; }

/*內頁大標題*/
.sub_page_category_box{ clear: both; width: 100%; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #E0E0E0; }
.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%; }
.category_subtitle{ color: #333; }

/*內頁小標題*/
.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; }

/*內頁一欄分佈區*/
#sub1_content_box{ width: 1000px; float: left; clear: both;}
#sub_one_box{ clear: both; width: 100%; }

/*背景圖設定*/
.advertising_main_box img.advertising_photo_bg{ z-index: 12; bottom: 0px; position: absolute; }

/*首頁公司簡介模組一*/
.home_about_page_0{ width: 100%; clear: both;  float: left;  background-color: #E1E1E1; position: relative; z-index: 10; }
.home_about_box_0{ width: 80%; clear: both; margin-right: 10%; margin-left: 10%; margin-top: 0px; margin-bottom: 0px; padding-top: 50px; padding-right: 0px; padding-bottom: 50px; padding-left: 0px; display: block; float: left;  }

.white_page .home_about_box_0 .content_box{ padding-top: 20px; padding-bottom: 20px; line-height: normal; width: 100%; display: block; clear: both; float: left; position: relative; z-index: 10; }
.white_page .home_about_box_0 .title_box{ float: left; display: block; padding-top: 8px; line-height: normal; clear: both; width: 100%; text-align: center; padding-bottom: 8px;  }
.white_page .home_about_box_0 .title_box strong{ font-size: 32px; color: #638c0b; display: block; font-family: "微軟正黑體", "新細明體", "細明體", Arial; }
.white_page .home_about_box_0 .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; }

.white_page .home_about_box_0 .about_txt_box{ width: 80%; color: #333; text-align: center; clear: both; float: left; margin-top: 10px; margin-right: 10%; margin-bottom: 10px; margin-left: 10%; font-size: 15px; line-height: 1.68em; padding: 0px; }
.white_page .home_about_box_0 .all_more_page{ position: relative; }
.white_page .home_about_box_0 .all_more_page .btn { background: #638c0b; color: #FFF; border-color: #54780A;}
.white_page .home_about_box_0 .all_more_page .btn:hover { background: #2f2a29; color: #FFF; border-color: #2f2a29;}

.black_page .home_about_box_0 .content_box{ padding-top: 20px; padding-bottom: 20px; line-height: normal; width: 100%; display: block; clear: both; float: left; position: relative; z-index: 10; }
.black_page .home_about_box_0 .title_box{ float: left; display: block; padding-top: 8px; line-height: normal; clear: both; width: 100%; text-align: center; padding-bottom: 8px; font-family: "微軟正黑體", "新細明體", "細明體", Arial; }
.black_page .home_about_box_0 .title_box strong{ font-size: 32px; color: #FFF; display: block; }
.black_page .home_about_box_0 .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; }
.black_page .home_about_box_0 .about_txt_box{ width: 80%; color: #EAEAEA; text-align: center; clear: both; float: left; margin-top: 10px; margin-right: 10%; margin-bottom: 10px; margin-left: 10%; font-size: 15px; line-height: 1.68em; padding: 0px; }
.black_page .home_about_box_0 .all_more_page{ position: relative; }
.black_page .home_about_box_0 .all_more_page .btn {  }
.black_page .home_about_box_0 .all_more_page .btn:hover {  }

/*首頁公司簡介模組二*/
.home_about_page{ width: 100%; clear: both; padding: 0px; display: block; float: left; z-index: 100; margin: 0px; }
.home_about_box{ width: 80%; clear: both; position: relative; z-index: 100; margin-top: 28px; margin-right: 10%; margin-left: 10%; float: left; margin-bottom: 28px; padding: 0px; }
.home_about_body1{ clear: both; width: 100%; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; float: left; }
.home_about_body1 .about_txt_box{ width: 100%; color: #333; text-align: center; float: left; padding: 0px; margin: 0px; }
.home_about_body1 .about_txt_box strong{ font-size: 22px; line-height: 1.68em; }
.home_about_body1 .about_txt_box p{ line-height: 1.4em; font-size: 15px; font-weight: normal; color: #333; }
.home_about_body1 .about_photo_box{ width: 100%; margin-bottom: 5px;  text-align: center; }
.home_about_body1 .about_photo_box i{ -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; height: 180px; width: 180px; background-color: #CCC; font-size: 80px; line-height: 180px; border: 3px solid #FFF; }
.home_about_body1 .about_photo_box i.corel_1{ color: #FFF; background-color: #690; }
.home_about_body1 .about_photo_box i.corel_2{ color: #FFF; background-color: #F90; }
.home_about_body1 .about_photo_box i.corel_3{ color: #FFF; background-color: #369; }
.home_about_body1 .about_photo_box i.corel_4{ color: #FFF; background-color: #669; }

/*首頁公司簡介模組三*/
.home_photo_show_page { width: 100%; position: relative; clear: both; z-index: 1; }
.home_photo_show_page .home_photo_show_box { width: 100%; margin: 0; padding: 0; position: relative; clear: both; }
.home_photo_show_page .home_photo_show_box .groups { width: 100%; margin: 0; padding: 0; display: table; position: relative; }
.home_photo_show_box .groups .home_photo_show_one { width: 50%; float: left; overflow: hidden; position: relative;  }
.groups .home_photo_show_one .home_photo_show_txt { width: 50%; float: left;  display: table; text-align: center; }
.groups img{ display: none; }
.groups .home_photo_show_one .home_photo_show_txt .show_txt_center { display: table-cell; vertical-align: middle; padding: 10%; }
.groups .home_photo_show_one .home_photo_show_txt .show_txt_center .tile-title{ font-size: 20px; font-weight: bold; color: #333; }
.groups .home_photo_show_one .home_photo_show_txt .show_txt_center p{ color: rgba(95,95,95,1.00); }
.groups .home_photo_show_one .home_photo_show_image { width: 50%; float: left; position: relative; }
.groups .home_photo_show_one .home_photo_show_image .show_image_center { position: relative; z-index: 1; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; }
.groups .home_photo_show_one .home_photo_show_image:after { top: calc(50% - 13px); border: solid transparent; content: " "; position: absolute; pointer-events: none; border-width: 13px; z-index: 99;}
.groups .home_photo_show_one.bg-corel-01 .home_photo_show_image:after { /*border-left-color: #690;*/border-left-color: #FFF !important; }
.groups .home_photo_show_one.bg-corel-02 .home_photo_show_image:after { /*border-left-color: #e7505a;*/border-left-color: #FFF !important; }
.groups .home_photo_show_one.bg-corel-03 .home_photo_show_image:after { /*border-right-color: #32c5d2;*/right: 0;border-right-color: #FFF !important; }
.groups .home_photo_show_one.bg-corel-04 .home_photo_show_image:after { /*border-right-color: #333;*/right: 0;border-right-color: #FFF !important; }
.bg-corel-01 { background-color: #FFF !important; }
.bg-corel-02 { background-color: #FFF !important; }
.bg-corel-03 { background-color: #FFF !important; }
.bg-corel-04 { background-color: #FFF !important; }
.home_photo_show_more_box a { display: inline-block; padding-top: 8px; padding-right: 8px; padding-left: 8px; padding-bottom: 8px; font-size: 13px; line-height: 13px; background-color: #638c0b; color: #FFF;border-color: #54780A; }

/*首頁最新消息區*/
.home_news_page{/* -webkit-background-size: cover; background-size: cover;background-attachment: fixed; background-image: url(../images/home_banner_bg_1.jpg); background-position: center center;*/ width: 80%; clear: both; margin-top: 0px; margin-right: 10%; margin-bottom: 0px; margin-left: 10%; padding-top: 0px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px; z-index: 1; }
.home_news_box{ width: 100%; clear: both;  padding: 0px; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.home_news_box .title_box{  display: block; padding-top: 8px; line-height: normal; clear: both; width: 100%; text-align: left; padding-bottom: 8px; position: relative; }
.home_news_box .title_box strong{ text-transform: uppercase; font-size: 22px; color: #333; display: block; }
.home_news_box .title_box span{ font-size: 13px; color: #638c0b; 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; width: 100%; display: block; padding: 0px; clear: both; position: relative; }
.home_news_box ul a{ }
.home_news_box li{  /*border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC;width: 25%;*/ float: left; display: block; position: relative;  }
.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 {  }

.home_news_one_box { width: 100%; clear: both; margin-bottom: 20px; display: inline-block; float: left;  }
.home_news_one_box .photo_box{ display: block; float: left; width: 100%; overflow: hidden; }
.home_news_one_box .photo_box img{  background-color: #FFF; height: auto; width: 100%; }
.home_news_one_box .txt_box{ float: left; display: block; width: 100%; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding: 0px; }
.home_news_one_box .meta_box{ display: block; float: left; width: 50px; }
.home_news_one_box .meta{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 40px; background-color: #333; color: #FFF; text-align: center; font-size: 13px; font-weight: normal; }
.home_news_one_box .day{ font-size: 14px; line-height: 1.68em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; font-weight: normal; }
.home_news_one_box .mounth{ -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 12px; background-color: #638c0b; font-weight: normal; }
.home_news_one_box .title{ padding-right: 3px; color: #333; font-size: 16px; 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: #000; }
.home_news_one_box .title a:hover { color: #333; }
.home_news_one_box .txt{ padding-right: 3px; padding-left: 0px; color: #666; font-size: 13px; line-height: 1.3em; margin-top: 5px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px; }
.home_news_one_box .date{ padding-right: 3px; padding-left: 0px; color: #638c0b; font-size: 15px; line-height: 1.3em; }
.home_news_one_box .date:before{ content:"\f017"; font-family: FontAwesome; color: #999; margin-right: 5px; font-size: 15px; font-weight: normal; }




/*首頁產品區*/
.home_product_page{ width: 100%; clear: both; display: inline-block; z-index: 1; margin: 0px; padding: 0px; }
.home_product_box{ width: 80%; clear: both; margin-top: 0px; margin-bottom: 0px; padding: 0px; margin-right: 10%; margin-left: 10%; }
.home_product_page .title_box{ display: block; padding-top: 8px; line-height: normal; clear: both; width: 100%; text-align: left; padding-bottom: 8px; position: relative; }
.home_product_page .title_box strong{ font-size: 22px; color: #333; display: block; line-height: normal; text-transform: uppercase; }
.home_product_page .title_box span{ font-size: 13px; color: #638c0b; 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_product_box .home_productpic_page{ clear: both; width: 100%; padding: 0px; margin: 0px; }
.home_product_box .home_productpic_page ul{ margin: 0px; list-style:none; border:none; width: 100%; float: left; display: block; clear: both; padding: 0px; }
.home_product_box .home_productpic_page ul li{ float: left; margin-bottom: 10px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; display: block;  clear: both; width: 100%; }

/*首頁個別產品區*/
.home_productpic_page{ margin: 0px; padding: 0px; clear: both; float: left; width: 100%; }
.home_productpic_box{ display: block; width: 100%; padding: 0px; clear: both; position: relative; height: auto; margin: 0px; float: left; }
.home_productpic_box figure { margin:0; padding: 0; display: block; clear: both; float: left; width: 100%; position: relative; }
.home_productpic_box figure a{ margin:0; padding: 0; display: block; clear: both; float: left;width: 100%; }
.home_productpic_box figure a img{ height: auto; width: 100%; margin: 0px; padding: 0px; clear: both; float: left; }

.home_productpic_box:hover img{ opacity:0.4;filter:alpha(opacity=40);z-index: 0;background-color: #000;}
.home_productpic_page .productpic_info_box{ clear: both; float: left; width: 96%; margin: 0px; padding-top: 5px; padding-right: 2%; padding-bottom: 0px; padding-left: 2%; }
.home_productpic_page h2{ font-weight: normal; font-size: 16px; margin: 0px; clear: both; float: left; display: block; width: 100%; padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.home_productpic_page h2 a, 
.home_productpic_page h2 a:link, 
.home_productpic_page h2 a:visited{ text-decoration: none; color: #333; }
.home_productpic_page h2 a:hover { }
.home_productpic_page h3{ font-size: 13px; margin: 0px; font-weight: normal; display: block; clear: both; float: left; width: 100%; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; }
.home_productpic_page h3 a, .home_productpic_box h3 a:link, .home_productpic_box h3 a:visited{ text-decoration: none; color: #999; }
.home_productpic_page h3 a:hover {  }

.home_productpic_page .prod_cost,
.home_productpic_page .prod_sale,
.home_productpic_page .prod_qty{ font-size:13px; line-height:1.58em; margin:0; width:100%; clear:both; float:left; display:block; padding-top: 5px; padding-right: 0%; padding-bottom: 2px; padding-left: 0%; text-align: left;  }
.home_productpic_page .prod_qty .prod_qty_title{ float: left; padding-right: 5px; font-size: 13px; }
.home_productpic_page .prod_qty .prod_qty_submit{ cursor: pointer; color: #FFF; background-color: #638c0b; margin: 0px; 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; height: 23px; float: left; font-size: 12px; padding: 5px; }
.home_productpic_page .prod_qty .prod_qty_submit:hover{ background-color: #333; }
.home_productpic_page .prod_qty .prod_qty_number{ height: 23px; width: 23px; padding: 0px; line-height: 23px; float: left; margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; 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; text-align: center; }

.home_productpic_page .prod_cost_th{}
.home_productpic_page .prod_cost_td{ text-decoration: line-through; color: #BEBEBE; }
.home_productpic_page .prod_sale_th{}
.home_productpic_page .prod_sale_td{ font-size: 20px; color: #638c0b; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin-right: 5px; }

.home_productpic_page .input_add_page{ padding: 0px; clear: both; float: left; width: 100%; margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; }
.home_productpic_page .input_add{ clear: both; text-align: left; width: 100%; display: block; margin: 0px; padding: 0%; float: left; }

.home_productpic_page .input_add .button_add_cart{ cursor: pointer; background-color: #333; margin: 0px; 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; float: left; text-align: left; clear: both; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 5px; }
.home_productpic_page .input_add .button_add_cart span{ font-size: 12px; padding: 0px; color: #FFF; margin: 0px; float: left; line-height: 26px; display: block; }
.home_productpic_page .input_add .button_add_cart:before{ content:"\f07a"; font-family: FontAwesome; font-size: 22px; font-weight: normal; padding-right: 10px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; color: #FFF; line-height: 24px; margin: 0px; float: left; display: block; }

.home_productpic_page .input_add a,
.home_productpic_page .input_add a:link,
.home_productpic_page .input_add a:visited{ color: #333; display: inline; margin: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; line-height: normal; } 
.home_productpic_page .input_add a:hover { color: #333; }
.home_productpic_page .input_add a b{ color: #F90; }
.home_productpic_page .input_add .carting_chkbox{ display: block; float: left; padding: 0px; margin-top: 2px; margin-right: 5px; margin-bottom: 5px; margin-left: 0px; }


._layer{ clear: both; position: absolute; width: 100%; background-position: center; padding: 0px; text-align: center; z-index: 3; display: inline; margin: 0%; top: auto; left: auto; right: auto; bottom: 5%; }
._layer ._layer_title{ font-size: 20px; color: #FFF; margin: 0px; padding: 0px; clear: both; width: 100%; }
._layer ._layer_model{ font-size: 13px; color: #FFF; margin: 0px; padding: 0px; clear: both; width: 100%;}

._layer_more_box{ clear: both; position: absolute; width: 100%; background-position: center; padding: 0px; text-align: center; z-index: 3; display: none; margin: 0%; top: auto; left: auto; right: auto; bottom: 45%; }
._layer_more_box ._layer_more{  color: #FFF; margin: 0px; padding: 0px; clear: both; width: 100%; position: absolute; bottom: 0px; }
._layer_more_box ._layer_more a{ color: #CCC; padding-right: 10px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; }

.home_productpic_box:hover ._layer{ clear: both; position: absolute; width: 100%; background-position: center; padding: 0px; text-align: center; z-index: 3; display: inline; margin: 0%; top: 40%; left: auto; right: auto; bottom: auto; }
.home_productpic_box:hover figure{ background-color: #FFF; }
.home_productpic_box:hover ._layer_more_box{ display: block; }
.home_productpic_box:hover img { transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); }


/*首頁Banner區*/
.home_banner_page{ width: 100%; clear: both; padding: 0px; display: block; float: left; margin: 0px; }
.home_banner_box{ width: 80%; clear: both; margin-right: 10%; margin-left: 10%; margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }
.home_banner_box .title_box{ text-transform: uppercase;float: left; display: block; padding-top: 8px; line-height: normal; clear: both; width: 100%; text-align: center; padding-bottom: 8px; }
.home_banner_box .title_box strong{ font-size: 24px; color: #FFF; display: block; }
.home_banner_box .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; }
.home_banner_box ul{ list-style:none; border:none; width: 100%; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; float: left; display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 30px; margin-left: 0px; }
.home_banner_box li{ width: 100%; float: left; margin: 0px; padding: 0px; }

.home_banner_one_box { width: 100%; clear: both; margin-right: auto; margin-left: auto; background-color: #333; }
.home_banner_one_box .photo_box{ display: block; float: left; width: 100%; overflow: hidden; margin: 0px; padding: 0px; clear: both; }
.home_banner_one_box .photo_box img{ background-color: #59493f; height: auto; width: 100%; }
.home_banner_one_box .txt_box{ display: block; width: 90%; margin-right: auto; margin-left: auto; clear: both; padding-top: 8px; padding-bottom: 8px; }
.home_banner_one_box .txt_box .txt{ padding-right: 3px; padding-left: 0px; color: #FFF; font-size: 13px; line-height: 1.68em; }

.home_banner_page .owl-theme .owl-controls .owl-nav{ display: none; }

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

/*powered*/
#powered { color: #CCC; 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 { color: #CCC; }
#powered a:hover { color: #333; }

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

#footer .footer_nav_page{ clear: both; float: left; width: 100%; padding-top: 15px; padding-bottom: 15px; }
#footer .footer_nav_box{ clear: both; display: block; width: 80%; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

.footer_nav_box .footer_icon_page{ width: 58%; float: left; margin-right: 2%; font-weight: normal; }
ul.footer_icon_box{ margin: 0px; padding: 0px; clear: both; float: left; width: 100%; list-style-image: none; list-style-type: none; display: block; }
ul.footer_icon_box li.footer_icon{ float: left; width: 20%; display: block; padding: 0px; margin-top: 0px; margin-right: 5%; margin-bottom: 0px; margin-left: 0px; }
ul.footer_icon_box li.footer_icon h3{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #587021; padding-bottom: 8px; color: #415218; padding-top: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; font-size: 1.1em; }
ul.footer_icon_box li.footer_icon h3 a{ color: #415218; }
ul.footer_icon_box li.footer_icon ul{margin: 0px; padding: 0px; clear: both; float: left; width: 100%; list-style-image: none; list-style-type: none; display: block;}
ul.footer_icon_box li.footer_icon ul li{ color: #333; margin: 0px; padding: 0px; clear: both; float: left; width: 100%; display: block; position: relative; }
ul.footer_icon_box li.footer_icon ul li a{ color: #333; line-height: 1.68em; float: left; margin: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 8px; font-size: 12px; }
ul.footer_icon_box li.footer_icon ul li:before { content:"\f105"; font-family: FontAwesome; font-size: 13px; font-weight: 400; color: #666; float: left; left: 0px; position: absolute; top: 4px; }


.footer_nav_box .address_page{ width: 37%; float: left; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; padding-left: 2%; }
.footer_nav_box .address { border:none; list-style:none; font-style: normal; display: block; clear: both; padding: 0px; width: 100%; margin: 0px; float: left; }
.footer_nav_box .address li { color: #415218; 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; }
.footer_nav_box .address li a, 
.footer_nav_box .address li a:link, 
.footer_nav_box .address li a:visited { color: #666; font-weight: normal; margin: 0px; padding: 0px; }
.footer_nav_box .address li a:hover { color: #666; }
.footer_nav_box .address li strong { color: #666; white-space: nowrap; display: block; float: left; font-weight: normal; background-repeat: no-repeat; }
.footer_nav_box .address li strong.address_title{ background-image: url(../images/location-icon.png); text-indent: -9000px; height: 32px; width: 32px; float: left; }
.footer_nav_box .address li strong.address_tel_title { background-image: url(../images/phone-icon.png); text-indent: -9000px; height: 32px; width: 32px; float: left;}
.footer_nav_box .address li strong.address_fax_title { background-image: url(../images/print-icon.png); text-indent: -9000px; height: 32px; width: 32px; float: left;}
.footer_nav_box .address li strong.address_email_title { background-image: url(../images/email-icon.png); text-indent: -9000px; height: 32px; width: 32px; float: left; margin-right: 5px; }
.footer_nav_box .address li .address_txt_box {font-size: 20px!important;  color: #000; padding-right: 5px; padding-left: 0px; line-height: 1.6em; padding-top: 5px; }
.footer_nav_box .address li .address_txt_box span{font-size: 20px!important;  }
.footer_nav_box .address li .address_tel_box { color: #415218; padding-right: 5px; padding-left: 40px;line-height: 1.6em;padding-top: 5px;}
.footer_nav_box .address li .address_fax_box { color: #415218; padding-right: 5px; padding-left: 40px;line-height: 1.6em;padding-top: 5px;}
.footer_nav_box .address li a.address_email_box{ color: #415218; padding-right: 5px; padding-left: 5px;line-height: 1.6em;padding-top: 5px;}
.footer_nav_box .address li .address_cmpanyname_title{ font-size: 18px; color: #415218; }


/*網頁按鈕*/
.btn{ display: inline-block; font-weight: 700; text-transform: uppercase; position: relative; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn:active { background: #3a3535; }
.btn { font-size: 15px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); letter-spacing: -0.4px; background-color: #FFF; padding-top: 9px; padding-right: 15px; padding-bottom: 11px; padding-left: 15px; margin: 0px;  }
.btn:hover { background: #2f2a29; border-color: #2f2a29; color: #FFF; }
.btn__lg { border: 2px solid rgba(255, 255, 255, 0.2); font-size: 15px; padding-top: 10px; padding-right: 18px; padding-bottom: 11px; padding-left: 18px; }


/*網頁路徑*/
#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.76em; 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; }
#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 { }

/*頁數區塊*/
.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; display: block; width: 100%; float: left; }
.page_icon_list .ux { text-decoration: none; list-style-type: none; padding: 0; text-align: center; margin: 0; }
.page_icon_list li { border:1px solid #ccc; padding: 8px; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; font-size: 12px; line-height: 1.6em; display: inline; }
.page_icon_list li { display: inline; margin-bottom: 10px; }
.page_icon_list span { color:#638c0b; font-weight:bold; }

.previous { margin: 0px; padding: 8px; clear: both; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCC; border-bottom-color: #CCC; font-size: 15px; }
.previous a{ margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px;  }
.previous a:hover { color: #638c0b;}

.clearbox_photo_box{ float: left; margin-right: 5px; margin-left: 5px; }
.clearbox_photo_box .zoom{ margin: 0px; clear: both; float: left; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; }
.clearbox_photo_box .zoom a{ margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; display: block; }
.clearbox_photo_box figure{ padding: 0px; margin: 0px; clear: both; float: left; }
.clearbox_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; }

/*公司簡介內頁*/
#about_page_box{ width: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; clear: both; margin: 0px; float: left; }
#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-bottom: 0px; font-size: 18px; padding-top: 6px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; background-image: url(../images/profile_group_box_title.png); background-repeat: no-repeat; background-position: 0px 10px; color: #666; font-weight: bold; line-height: 1.68em; margin-right: 0px; margin-left: 0px; }
#about_page_box .content_box{ padding-top: 20px; padding-bottom: 10px; clear: both; padding-right: 0px; padding-left: 0px; margin: 0px; float: left; width: 100%; }
#about_page_box .content_box .txt_box{ color: #333; margin: 0px; text-align: left; vertical-align: top; padding: 0px; font-size: 15px; clear: both; float: left; width: 100%; }
#about_page_box .content_box p{ font-size: 15px; padding: 0px; line-height: 1.68em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

.about_box_style_1{ clear: both; float: left; width: 100%; margin: 0px; padding: 0px; position: relative; }
.about_box_style_1 .row{ margin: 0px; padding: 0px; }
.about_box_style_1 .row .row{ margin: 0px; padding: 0px; }

.about_box_style_1 .about-body{ margin-bottom: 20px; }
.about_box_style_1 .digital_box{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-size: 24px; color: #FFF; height: 60px; width: 60px; display: inline-block; text-align: center; line-height: 50px; border: 5px solid #CCC; margin-top: 5px; }
.about_box_style_1 .title_body{ font-size: 20px; color: #333; line-height: 1.68em; clear: both; font-weight: bold; display: block;  }
.about_box_style_1 .sub_title_body{ font-size: 16px; color: #333; line-height: 1.68em; position: relative; }
.about_box_style_1 .sub_title_body:before { content:"\f046"; font-family: FontAwesome; font-size: 20px; font-weight: 400; color: #638c0b; padding-right: 5px; line-height: 1.68em; margin-top: 2px; }

.about_box_style_1 .add_title_body{ font-size: 22px; color: #333; line-height: 1.68em; clear: both; font-weight: bold; }
.about_box_style_1 .add_sub_title_body{ font-size: 18px; color: #333; line-height: 1.68em; position: relative; margin: 0px; display: block; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #638c0b; }
.about_box_style_1 .add_sub_title_body:before { content:"\f046"; font-family: FontAwesome; font-size: 20px; font-weight: 400; color: #638c0b; padding-right: 5px; line-height: 1.68em; margin-top: 2px; }
.about_box_style_1 .add_sub_title_body1{ font-size: 18px; color: #333; line-height: 1.68em; position: relative; margin: 0px; padding: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F60; display: block; }
.about_box_style_1 .add_sub_title_body1:before { content:"\f046"; font-family: FontAwesome; font-size: 20px; font-weight: 400; color: #F60; padding-right: 5px; line-height: 1.68em; margin-top: 2px; }
.about_box_style_1 .add_txt_body strong{ font-size: 16px; color: #333; line-height: 1.68em; margin: 0px; padding: 0px; }
.about_box_style_1 .add_txt_body{ font-size: 16px; color: #333; line-height: 1.68em; margin: 0px; padding: 0px; }
.about_box_style_1 .add-body{ padding: 10px; margin-bottom: 20px; }
.about_box_style_1 .txt_body{ font-size: 16px; color: #333; line-height: 1.68em; margin-bottom: 8px; }
#about_page_box .about_box_style_1 p.txt_body-1{ font-size: 16px; color: #333; line-height: 1.68em; padding-left: 40px; padding-top: 8px; padding-bottom: 8px; clear: both; }

.about_box_style_1 .photo_body{ margin-top: 10px; }
.about_box_style_1 .photo_body img{ height: auto; width: 100%; }

.about_box_style_1 .photo_body1{ margin-top: 0px; width: 30%; float: left; margin-right: 15px; margin-bottom: 15px; }
.about_box_style_1 .photo_body1 img{ height: auto; width: 100%; padding: 5px; border: 1px solid #CCC; }

.about_box_style_1 .group-box{ width: 100%; clear: both; float: left; }
.about_box_style_1 .photo-box{ margin-top: 0px; width: 10%; float: left; }
.about_box_style_1 .txt-box{ margin-top: 0px; width: 90%; float: left;  }
.about_box_style_1 .icon-box{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-size: 24px; color: #FFF; height: 100%; width: 80%; display: inline-block; text-align: center; line-height: 50px; border: 3px solid #E1E1E1; margin-top: 5px; }



.about_box_style_1 .table_bg{ background-color: #F3F3F3; margin-top: 20px; margin-bottom: 20px; padding: 10px; border: 1px solid #E4E4E4; }
.digital_box-1{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 20px; color: #FFF; height: 30px; width: 30px; display: inline-block; text-align: center; line-height: 30px; margin-top: 5px; border: 0px none #FFF; }

.about_box_style_1 ul.about_list_box{ list-style-image: none; list-style-type: none; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 1.8em; margin-left: 0px; }
.about_box_style_1 ul.about_list_box li{ padding: 5px; clear: both; }
.about_box_style_1 ul.about_list_box li strong{ line-height: 30px; margin-left: 10px; font-size: 16px; }
.about_box_style_1 ul.about_list_box li .digital_box{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 20px; color: #FFF; height: 30px; width: 30px; display: inline-block; text-align: center; line-height: 30px; margin-top: 5px; border: 0px none #FFF; }

.system_page{ padding-top: 10px ; padding-bottom: 10px ; }
.system_box{ display: block; font-size: 15px; color: #FFF; text-align: center; padding: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 100%; margin-bottom: 10px; }

.flow_title{ font-size: 15px; line-height: 1.68px; display: block; margin-bottom: 16px; }
.flow_page1{ padding-top: 20px; padding-bottom: 20px; background-color: #E0E0E0; border: 1px solid #D2D2D2; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom: 15px;  }
.flow_page1 .system_box{ color: #333; border: 1px solid #CCC; }
.flow_page1 .system_box i{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height: 30px; width: 30px; background-color: #F60; line-height: 30px; margin-right: 5px; color: #FFF; }
.flow_page2{ padding-top: 20px; padding-bottom: 20px; background-color: #E0E0E0; border: 1px solid #D2D2D2; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom: 15px; }
.flow_page2 .system_box{ color: #333; border: 1px solid #CCC; }
.flow_page2 .system_box i{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 100%; background-color: #FFF; line-height: 30px; clear: both; margin-top: 5px; margin-bottom: 5px; display: block; }
.flow_page2 .system_box i:before { font-size: 40px; font-weight: 400; line-height: 1.68em; margin-top: -15px; }
.flow_page3{ padding-top: 20px; padding-bottom: 20px; background-color: #E0E0E0; border: 1px solid #D2D2D2; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom: 15px; }
.flow_page3 .system_box{ color: #333; border: 1px solid #CCC; }
.flow_page3 .system_box i{ line-height: 30px; clear: both; margin-top: 5px; margin-bottom: 5px; display: block; padding: 10px; }
.flow_page3 .system_box i:before { font-size: 40px; font-weight: 400; line-height: 1.68em; color: #036; background-color: #FFF; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; padding: 20px; }

.arrow_box{ text-align: center; clear: both; width: 100%; position: absolute;}
.arrow_box:before { content:"\f063"; font-family: FontAwesome; font-size: 40px; font-weight: 400; color: #F60; line-height: 1.68em; margin-top: -15px;  }

.bg-color-0{ background-color: #690 !important; margin-right: 10px; }
.bg-color-1{ background-color: #690 !important; }
.bg-color-2{ background-color: #6C6 !important; }
.bg-color-3{ background-color: #6CC !important; }
.bg-color-4{ background-color: #F90 !important; }
.bg-color-5{ background-color: #F60 !important; }
.bg-color-6{ background-color: #F30 !important; }
.bg-color-7{ background-color: #669 !important; }
.bg-color-8{ background-color: #06C !important; }
.bg-color-9{ background-color: #069 !important; }
.bg-color-10{ background-color: #066 !important; }
.bg-color-11{ background-color: #063 !important; }
.bg-color-12{ background-color: #030 !important; }
.bg-color-13{ background-color: #F5F5F5 !important; }

.font-color-1{ color: #690 !important; }
.font-color-2{ color: #6C6 !important; }
.font-color-3{ color: #6CC !important; }
.font-color-4{ color: #F90 !important; }
.font-color-5{ color: #F60 !important; }
.font-color-6{ color: #F30 !important; }
.font-color-7{ color: #669 !important; }
.font-color-8{ color: #06C !important; }
.font-color-9{ color: #069 !important; }
.font-color-10{ color: #066 !important; }
.font-color-11{ color: #063 !important; }
.font-color-12{ color: #063 !important; }
.font-color-13{ color: #4A6F00 !important; }

table.sell_table{}
table.sell_table tr{  }
table.sell_table th{ padding: 8px; line-height: 1.68em; width: 10px; white-space: nowrap; }
table.sell_table th span{ border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; width: 100%; display: block; font-size: 15px; font-weight: normal; white-space: nowrap; margin-right: 10px; }
table.sell_table th span:before { content:"\f017"; font-family: FontAwesome; font-size: 16px; font-weight: 400; color: #638c0b; padding-right: 5px; line-height: 1.68em; margin-top: 2px; }
table.sell_table td{ padding: 8px; font-size: 15px; line-height: 1.68em; }


/*最新消息內頁*/
#news_page_box{ float: left; width: 100%; margin: 0px; padding-top: 10px; padding-bottom: 20px; clear: both; }
#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_medium_image_box { width: 100%; clear: both; display: inline-block; padding-bottom: 15px; float: left; margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
.news_medium_image_box .photo_box{ display: inline-block; float: left; width: 29%; overflow: hidden; padding-right: 1%; }
.news_medium_image_box .photo_box img{  background-color: #FFF; height: auto; width: 100%; }
.news_medium_image_box .txt_box{ float: left; display: inline-block; width: 100%; padding-right: 1%; padding-left: 1%; }
.news_medium_image_box .meta_box{ display: block; float: left; width: 50px; }
.news_medium_image_box .meta{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 40px; background-color: #333; color: #FFF; text-align: center; font-size: 13px; font-weight: normal; }
.news_medium_image_box .day{ font-size: 14px; line-height: 1.68em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; font-weight: normal; }
.news_medium_image_box .mounth{ -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 12px; background-color: #638c0b; font-weight: normal; }
.news_medium_image_box .title{ padding-right: 3px; color: #333; font-size: 18px; line-height: 1.6em; margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; }
.news_medium_image_box .title a{ color: #000; }
.news_medium_image_box .title a:hover { color: #638c0b; }
.news_medium_image_box .txt{ padding-right: 3px; padding-left: 0px; color: #666; font-size: 16px; line-height: 1.6em; margin-top: 0px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px; }
.news_medium_image_box .date{ padding-right: 3px; padding-left: 0px; color: #638c0b; font-size: 15px; line-height: 1.3em; float:right;}
.news_medium_image_box .date:before{ content:"\f017"; font-family: FontAwesome; color: #999; margin-right: 5px; font-size: 15px; font-weight: normal; }


.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; }
.news_list_box li.list_title a:hover{ color: #638c0b; }
/*.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-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.news_detail_box .news_detail_title{ line-height: 1.68em; font-size: 22px; font-weight: bold; width: 100%; clear: both; float: left; padding: 0px; color: #333; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.news_detail_box .time{ color: #666; width: 100%; clear: both; float: left; font-size: 15px; line-height: 1.68em; margin-top: 8px; margin-bottom: 8px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCC; border-bottom-color: #CCC; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
.news_detail_box .time:before{ content:"\f017"; font-family: FontAwesome; color: #999; margin-right: 5px; font-size: 15px; font-weight: normal; }


.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; }
.content_editor_box .txt_box{ font-size: 15px; line-height: 1.68em; }

/*產品內頁*/
#products_page_box{ float: left; width: 100%; margin: 0px; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; clear: both; }
#products_page_box .detail_page{ margin: 0px; position: relative; 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%; margin: 0px; padding-right: 0px; padding-left: 0px; list-style-image: none; list-style-type: none; }
#products_page_box .product_hgroup_box li{ float: left; width: 25%; margin-bottom: 10px; display: block; }
#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; }
#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: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 16px; display: block; clear: both; float: left; color: #638c0b; white-space: nowrap; width: 100%; }
#products_page_box .product_hgroup_box_title:before { content:"\f14a"; padding-right: 6px; font-family: "FontAwesome"; line-height: 23px; font-weight: 400; color: #666; }

.sub_productpic_box{ width: 91%; clear: both; margin-right: auto; margin-left: auto; background-color: #E1E1E1; border: 1px solid #CCC; }
.sub_productpic_box figure { margin:0px; padding: 0px; display: block; clear: both; width: 100%; float: left; }
.sub_productpic_box  a{ padding: 0px; text-align: center; vertical-align: middle; display: block; margin: 0%; }
.sub_productpic_box  a img{ padding: 0px; margin: 0px; display: block; height: auto; width: 100%; }
.sub_productpic_box .product_photo_box{ display: block; float: left; width: 100%; overflow: hidden; margin: 0px; padding: 0px; clear: both; }
.sub_productpic_box .product_txt_box{ display: block; width: 100%; clear: both; padding-top: 10px; padding-bottom: 20px; margin: 0%; padding-right: 5%; padding-left: 5%; float: left; }
.sub_productpic_box .item_no{ padding: 0px; margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; }
.sub_productpic_box .item_no a, 
.sub_productpic_box .item_no a:link, 
.sub_productpic_box .item_no a:visited{ text-decoration: none; word-break: break-all; word-wrap: break-word; margin: 0px; padding: 0px; clear: both; display: block; width: 100%; font-size: 13px; font-weight: normal; text-align: left; color: #999; }
.sub_productpic_box .item_no a:hover {color: #638c0b; }
.sub_productpic_box .product_name{ padding: 0px; margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px;}
.sub_productpic_box .product_name a, 
.sub_productpic_box .product_name a:link, 
.sub_productpic_box .product_name a:visited{ word-wrap:break-word; text-decoration: none; clear: both; display: block; margin: 0px; padding: 0px; width: 100%; text-align: left; font-size: 15px; font-weight: normal; color: #000; line-height: 1.68em; }
.sub_productpic_box .product_name a:hover {color: #638c0b;  }
.sub_productpic_box .input_add{ clear: both; text-align: left; margin-top: 20px; margin-right: 0%; margin-bottom: 5px; margin-left: 0%; padding: 0%; width: 100%; }
.sub_productpic_box .input_add a,
.sub_productpic_box .input_add a:link,
.sub_productpic_box .input_add a:visited{ color: #666; padding: 5px; display: inline; margin: 0px; } 
.sub_productpic_box .input_add a:hover { color: #638c0b; }
.sub_productpic_box .input_add .input_add_checkbox{ padding: 0px; float: left; margin-top: 2px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

/*內頁詳細產品區*/
.product_detail_box { margin: 0px; width: 100%; float: left; padding-top: 10px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; clear: both; }
.product_detail_box .photo_group_box{ width: 40%; float: left; margin: 0px; padding: 0px; }
.product_detail_box .product_pic_L{ width: 95%; height: auto; 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 #bcc4d0; margin: 0px; padding: 0px; clear: both; float: left; }
.product_detail_box .product_photo_s_box{ margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; 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: #cfd7e2; padding: 5px; height: 68px; width: 68px; }
.product_detail_box .product_photo_s_box .product_pic_S img:hover{ background-color: #bcc4d0;  }
.product_detail_box .product_specifications{ margin: 0px; padding: 0px; float: left; }
.product_style1{ width: 60%;}
.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: 20px; margin: 0px; padding: 0px; font-weight: bold; line-height: 1.4em; }
.product_detail_box .product_specifications .item{ color: #333; 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: 0px; }
.product_detail_box .product_specifications .download a:before { content:"\f0ed"; padding-right: 6px; font-family: "FontAwesome"; font-size: 14px; line-height: 23px; font-weight: 400; color: #666; }
.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 .description_title{ margin: 0px; font-size: 15px; 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: #666; line-height: 1.68em; }
.product_detail_box .product_specifications .input_add{ margin: 0px; font-size: 12px; font-weight: normal; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
.product_detail_box .product_specifications .input_add a{ margin-right: 5px; margin-left: 5px; }

.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; 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; }


/*內頁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_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 14px; font-size: 13px; line-height: 1.6em; }
.faq_list_box .list_title a{ color: #638c0b; font-size: 16px; line-height: 1.68em; }
.faq_list_box .list_date{ margin: 0px; text-align: right; float: right; font-size: 13px; 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: #EBEEF3; 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: 0px; clear: both; float: left; width: 100%; }
.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 i{ font-size: 20px; }
.faq_list_box .download_icon_box a{background-repeat: no-repeat;}
.faq_list_box .download_icon_box span{ background-repeat: no-repeat; background-position: 0px 0px; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; }
.faq_list_box .txt_box{ color: #666; font-weight: normal; margin: 0px; text-align: left; vertical-align: top; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 20px; font-size: 15px; line-height: 1.68em; }

/*檔案下載內頁*/
#download_page_box{ padding: 0px; float: left; width: 100%; margin: 0px; }
#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: 0px; padding-bottom: 10px; padding-left: 0px; clear: both; float: left; width: 100%; margin-right: 0px; margin-left: 0px; }
.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: 0px; padding-bottom: 5px; padding-left: 20px; font-size: 15px; line-height: normal; }
.download_list_box .list_title i{ font-size: 18px; color: #638c0b; margin-right: 10px; margin-top: 10px; }
.download_list_box .list_title:before{ font-family: "FontAwesome"; content:"\f0ed"; margin-right: 5px; position: absolute; margin-left: -20px; }

.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_download_icon:before{ font-family: "FontAwesome"; content:"\f019"; margin-right: 5px;}
.download_list_box .list_txt{ margin: 0px; font-size: 13px; line-height: 1.6em; color: #666; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 20px; }
.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; background-color: #FFF; padding: 5px; border: 1px solid #DDD; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; }

/*與我們連絡*/
.contact_page_box{ padding: 0px; float: left; margin: 0px; width: 100%; position: relative; }
.contact_page_box .group_box{ margin-top: 5px; margin-bottom: 5px; padding: 0px; width: 100%; clear: both; float: left; margin-right: 0px; margin-left: 0px; }
.contact_page_box .content_box{ padding-top: 10px; padding-bottom: 10px; clear: both; margin: 0px; float: left; width: 100%; }

.contact_page_box .form_icon_page { margin: 0px; padding: 0px; }
.contact_page_box .form_icon_page a{ }
.contact_page_box .form_icon_page a i{  font-size: 18px;margin-right: 5px; }
.contact_page_box .form_icon_page span{ margin-right: 5px; margin-left: 5px; }

/*會員登入*/
.form_member_page{ clear: both; margin: 0px; float: left; width: 100%; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }

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

.form_tr{ clear:both; line-height:13px; float: left; display: block; width: 100%; padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #C2C2C2; }
.form_tr .label_box{ float:left; font-size:13px; width:200px; display: block; padding: 5px; margin: 0px; text-align: right; }
.form_tr .label_box .label_th{ font-size: 15px; color: #333; padding: 0px; margin: 0px; font-weight: normal; }
.form_tr .label_box .vcode { color:#F00; font-size: 15px; margin: 0px; padding: 0px; }
.form_tr .input_box{ float: left; display: block; }
.form_tr .input_box .input_200{ width:400px; 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: 0px; margin-bottom: 0px; margin-left: 0px; } 
.form_tr .input_box .textarea1 {width:400px; 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: 15px; font-family: Arial; margin-right: 5px; margin-left: 5px; }

.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{}

/* ____________表單按鈕____________ */
.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_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; }
.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_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; }

.push_button_page{ clear: both; text-align: center; float: left; width: 100%; }
.push_button_box{ text-align: center; margin-top: 10px; margin-bottom: 10px; }

.push_button{ cursor: pointer; background-color: #E0E0E0; display: block; float: left; padding-right: 10px; padding-left: 10px; border: 1px solid #CCC; margin-right: 10px; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; }
.push_button i{ padding-right: 5px; }
.push_button:hover{ color: #FFF; background-color: #638c0b; border: 1px solid #476609; }

.push_button_xl{cursor: pointer; background-color: #E0E0E0; border: 1px solid #CCC; margin-right: 10px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
.push_button_xl i{ padding-right: 5px; }
.push_button_xl:hover{ color: #FFF; background-color: #638c0b; border: 1px solid #476609; }

.push_back_xl{ background-color: #E0E0E0; cursor: pointer; border: 1px solid #CCC; margin-right: 10px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px;}
.push_back_xl i{ padding-right: 5px; }
.push_back_xl:hover{ color: #FFF; background-color: #638c0b; border: 1px solid #476609; }

.push_del_button{ cursor: pointer; background-color: #E0E0E0; display: block; float: left; padding-right: 10px; padding-left: 10px; border: 1px solid #CCC; padding-top: 5px; padding-bottom: 5px; margin: 0px; }
.push_del_button i{ padding-right: 5px; }
.push_del_button:hover{ color: #FFF; background-color: #638c0b; border: 1px solid #476609; }

/*詢價內頁*/
.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-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; clear: both; float: left; width: 100%; }
.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; clear: both; padding: 0px; }
.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: #E3E8EE; ; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; 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; background-color: #FFF; padding: 5px; border: 1px solid #DDD; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; width: 90%; height: auto; }
.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: 20%; float: left; }
.inquiry_list_box .width_txt{ width: 65%; float: left; }
.inquiry_list_box .width_button{ width: 10%; 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;}

/*搜尋內頁*/
#search_page_box{ padding: 0px; float: left; width: 100%; margin: 0px; }
#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; border: 1px solid #CCC; }
#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%; }


/*無資料內容*/
.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; }

/*更多內容*/
.all_more_page{ display:block; padding-top:5px; padding-bottom:5px; margin: 0px; padding-right: 0px; padding-left: 0px; position: absolute; top: 0px; right: 0px; z-index: 1; }
.all_more_box{ clear:both; margin-right: auto; margin-left: auto; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; text-align: center; }
.all_more_box a{}

/*更多內容*/
.title_more_page{ display:block; margin: 0px; position: absolute; right: 0px; padding: 0px; bottom: 10px;z-index: 1; }
.title_more_box{ clear:both; margin-right: auto; margin-left: auto; text-align: center; padding: 0px; }
.title_more_box a{ text-transform: uppercase; -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#FFF; display: block; background-color: #666; margin-right: auto; margin-left: auto; clear: both; text-align: center; white-space: nowrap; margin-top: 0px; margin-bottom: 0px; border: 0px solid #CCC; overflow: hidden; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; font-size: 11px; font-weight: normal; line-height: 25px; height: 25px; }

/*文章更多內容*/
.txt_more_box{ -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; clear: both; float: left; padding: 0px; background-image: url(../images/black_alpha_4.png); background-color: #999; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.txt_more_box a{ color: #FFF; display: block; padding-top: 4px; padding-right: 30px; padding-bottom: 4px; padding-left: 10px; position: relative; margin: 0px; line-height: normal; font-size: 12px; text-align: left; } 
.txt_more_box a:before { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; content:"\f105"; font-family: FontAwesome; color: #999; text-align: right; right: 3px; background-color: #FFF; margin: 0px; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px; top: 3px; }

/*首頁產品 Owl Carousel*/
.owl-theme .owl-controls{ margin-top:10px; text-align:center; -webkit-tap-highlight-color:transparent;  }
.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{color:#fff;text-decoration:none}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default;}

.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline;display: none;}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

.owl-theme .owl-controls .owl-nav div {position: absolute;}
.owl-theme .owl-controls .owl-nav i{ display: none; }

/*預設輪播左右按鈕*/
.owl-theme .owl-controls .owl-nav .owl-prev{ opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=8); right:30px; top: -35px; height: 25px; width: 25px; margin: 0px; padding: 0px; background-color: #666; background-image: url(../images/owl-prev_s.png); background-position: center center; background-repeat: no-repeat; }
.owl-theme .owl-controls .owl-nav .owl-prev:hover{ opacity: 1; -moz-opacity: 1; filter:alpha(opacity=10); background-image: url(../images/owl-prev_s.png); background-repeat: no-repeat; }
.owl-theme .owl-controls .owl-nav .owl-next{ opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=8); right:0px; top: -35px; height: 25px; width: 25px; margin: 0px; padding: 0px; background-image: url(../images/owl-next_s.png); background-color: #666; background-position: center center; background-repeat: no-repeat; }
.owl-theme .owl-controls .owl-nav .owl-next:hover{ opacity: 1; -moz-opacity: 1; filter:alpha(opacity=10); background-image: url(../images/owl-next_s.png); }

/*====================== Parallax =========================*/
.parallax>div.link { cursor:pointer; }
.parallax>div { position:relative; background-position:top; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; }
.parallax p { position:relative; display:block; }
::i-block-chrome, .parallax > div { background-attachment: scroll !important;}
.parallax { position: relative; }
.parallax > div {text-align: center; color: #fff; }
.parallax-1{ width: 1903px; margin-left: -952px; left: 50%; background-attachment: fixed; background-position: 50% 90.4216968477532%; height: auto; clear: both; float: left; }

/*====================== 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"; transition:0.3s; display: inline-block; -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: #638c0b; }
.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); }

/*彈跳廣告*/
#newsletterpopup .newsletterpopup_photo_page img{/* -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;*/ width: 100%; height: auto; clear: both; float: left; }

#newsletterpopup .newsletter_txt_box{ float: left; width: 96%; color: #FFF; clear: both; font-size: 15px; font-weight: normal; line-height: 1.58em; margin-top: 0%; margin-right: 2%; margin-bottom: 2%; margin-left: 2%; }
#newsletterpopup .newsletterpopup_photo_box{ float: left; width: 40%; margin-right: 10px; margin-top: 4px; }
#newsletterpopup .newsletterpopup_photo_box img{ float: left; }
#newsletterpopup .newsletter_txt_box a.newsletter_more{ color: #F90;}
#newsletterpopup .all_more_page{ margin-bottom: 10px; display: block; position: relative; }
#newsletterpopup .all_more_page a.btn{ font-size: 12px; font-weight: normal; }

/*首頁登入區*/
.home_login_page{ position: absolute; z-index: 100; left: 10%; width: 380px; top: 50px; overflow: hidden; border: 1px solid #FFF; background-color: #FFF;  }
.home_login_box{background-color: #FFF;}
.home_login_page .modal-body{ background-color: #fff; }
.home_login_page .modal-header{ background-color: #FFF; padding-bottom: 8px; padding-top: 38px; padding-right: 10px; padding-left: 10px; }
.home_login_page .modal-body{ padding: 10px; }
.home_login_page .modal-footer{ padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-width: 0px; border-top-style: none; }
.home_login_page .modal-title{ color: #333; margin: 0px; padding: 0px; }
.home_login_page .modal-title  strong{ font-size: 16px; color: #360; }
.home_login_page .modal-title span{ font-size: 13px; margin-left: 8px; padding-left: 8px; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; }
.home_login_page .form_group{ width: 100%; display:table; margin-bottom: 5px; }
.home_login_page label { display:inline-block; max-width:100%; margin-bottom:2px; font-weight:bold; font-size: 13px; color: #360; }
.home_login_page .btn_primary{ max-width:100%; width: 100%; font-family: "微軟正黑體", "新細明體", "細明體", Arial; letter-spacing: 1px; }






/*首頁頁籤*/
.home_tab_page{width: 100%; float: left; z-index: 10; clear: both; display: block; position: relative;}
.home_tab_box{width: 100%; float: left; z-index: 10; clear: both; display: block; position: relative;}
.home_content_tab{ clear: both; float: left; width: 100%; display: block; position: relative; z-index: 10000; }
.home_content_tab > .home_tab_nav { text-align: center;margin-bottom: 0;padding-left: 0; list-style: none; }
.home_content_tab > .home_tab_nav > li { float: none; display: inline-block; }
.home_content_tab > .home_tab_nav li > a { color: #cfd9e6; background-color: transparent; transition: all 0.2s;position: relative;display: block;padding: 10px 15px; }
.home_content_tab > .home_tab_nav li > a:hover { color: #32c5d2; transition: all 0.2s; }
.home_content_tab > .home_tab_nav > li > a > i { font-size: 38px; }
.home_content_tab > .home_tab_nav > li > a > .c-title { display: block; margin: 20px 0; color: #525e64; font-size: 17px; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif; }
.home_content_tab > .home_tab_nav > li > a > .c-content-line-icon { width: 55px; height: 55px; }
.home_content_tab > .home_tab_nav > li.active > .c-arrow { position: relative; }
.home_content_tab > .home_tab_nav > li.active > .c-arrow:before { bottom: 100%; left: 50%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: 13px solid transparent; margin-left: -13px; }
.home_content_tab > .home_tab_nav > li:not(.active) > a > .c-content-line-icon { opacity: 0.9; filter: alphaopacity=90; background-image: url(../img/content/line-icons/dark1.png); }
.home_content_tab > .home_tab_nav > li + li { margin-left: 20px; }

.home_content_tab > .home_tab_nav li:hover > a { color: #32c5d2; }
.home_content_tab > .home_tab_nav li.active > a { color: #32c5d2; }
.home_content_tab > .home_tab_nav li.active > a:hover { color: #32c5d2; }
.home_content_tab > .home_tab_nav li.active > .c-arrow:before { border-bottom-color: #2f353b; }

.home_content_tab > ul > li.active > a > .c-title,
.home_content_tab > ul > li:hover > a > .c-title { color: #32c5d2; }
.home_content_tab > ul > li.active > a > .c-content-line-icon,
.home_content_tab > ul > li:hover > a > .c-content-line-icon { background-image: url(../../img/content/line-icons/default.png); }

/*頁籤內容*/
.home_content_tab > .home_tab_content { background-color: #2f353b; }
.home_content_tab > .home_tab_content .tab-content { padding: 80px 0; overflow: auto; }
.home_content_tab > .home_tab_content .tab-pane_page > h4 { color: #ffffff; }
.home_content_tab > .home_tab_content .tab-pane_page > .c-title { color: #97a1ac; }
.home_content_tab > .home_tab_content .tab-pane_page > h4 { margin-bottom: 16px; }
.home_content_tab > .home_tab_content .tab-pane_page > img { float: right; margin-left: 100px; padding: 5px; border: 1px solid rgba(255, 255, 255, 0.1); }
.home_content_tab > .home_tab_content .tab-pane_page > .c-title { line-height: 1.6em; }
.home_content_tab > .home_tab_content .tab-pane_page p { color: #838e9a; }
.home_content_tab > .home_tab_content .tab-pane_page > .btn { margin-top: 12px; }
.c-theme-btn.btn { color: #ffffff; background: #32c5d2; border-color: #32c5d2; }
.c-theme-btn.btn:hover{color: #ffffff; background: #27a8b4; border-color: #27a8b4; }
.btn.btn-sm { padding: 6px 18px 4px 18px;}

.c-content-line-icon { background-image: url(../img/content/line-icons/default.png); display: inline-block; width: 60px; height: 60px; background-size: cover; }
.c-content-line-icon.c-icon-25 { background-position: 0px 2400%; }

@media (max-width: 991px) {
/* 991px */
.home_content_tab > .home_tab_nav a > i { font-size: 40px; }
.home_content_tab > .home_tab_nav a > .c-title { margin: 10px 0; }
}

@media (max-width: 767px) {
/* 766px */
.home_content_tab > .home_tab_nav li.active > .c-arrow { position: static; }
.home_content_tab > .home_tab_nav li.active > .c-arrow:before { border: 0; }
.home_content_tab > .home_tab_content img { width: 100%; float: none; clear: both; padding: 0; margin-bottom: 20px; }
.home_content_tab > .home_tab_content h4 { margin: 20px 0; }
}


/*圖片遮罩*/
.c-content-overlay { overflow: hidden; position: relative; }
.c-content-overlay .c-overlay-object { position: relative; z-index: 1; }
.c-content-overlay .c-overlay-wrapper { opacity: 0; filter: alphaopacity=0; position: absolute; top: -100%; left: 0; width: 100%; height: 100%; z-index: 3; transition: all 0.2s; background: rgba(0, 0, 0, 0.4); }
.c-content-overlay .c-overlay-wrapper:after { content: ""; display: table; clear: both; }
.c-content-overlay .c-overlay-wrapper:before { display: inline-block; content: ''; vertical-align: middle; height: 100%; }
.c-content-overlay .c-overlay-wrapper .c-overlay-content { text-align: center; display: inline-block; vertical-align: middle; padding: 0; height: auto; width: 95%; }
.c-content-overlay .c-overlay-wrapper .c-overlay-content i { display: inline-block; width: 44px; height: 44px; border-radius: 40px; text-align: center; padding: 14px 6px 8px 6px; color: #fff; font-size: 16px; background: #000000; opacity: 0.7; filter: alphaopacity=70; margin: 0 5px; }
.c-content-overlay .c-overlay-wrapper .c-overlay-content i:hover { opacity: 1; filter: alphaopacity=100; }
.c-content-overlay .c-overlay-wrapper.c-overlay-padding { left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); }
.c-content-overlay:hover { cursor: pointer; }
.c-content-overlay:hover .c-overlay-wrapper { top: 0; opacity: 1; filter: alphaopacity=100; }
.c-content-overlay:hover .c-overlay-wrapper.c-overlay-padding { top: 10px; }


.contact_title_body{ color: #F60; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: normal; font-size: 18px; font-weight: bold; margin: 0px; clear: both; width: 100%; }
.contact_txt_body{color: #333;}

.service_title_body{ color: #F60; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: normal; font-size: 16px; font-weight: bold; margin: 0px; clear: both; width: 100%; }
.service_txt_body{ color: #333; margin: 0px; padding: 0px; }
.service_box{ clear: both; width: 100%; background-color: #E8E8E8; border: 1px solid #CCC; display: inline-table; height: auto; padding: 10px; }
.service_box img{ height: auto; width: 100%; }
.service_box .all_more_page{ position: relative; }
.service_box .all_more_box a{ text-transform: uppercase; -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; transition: 0.6s; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color:#333; display: inline; margin-right: auto; margin-left: auto; clear: both; text-align: center; white-space: nowrap; margin-top: 0px; margin-bottom: 0px; border: 1px solid #999; overflow: hidden; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; background-color: #FFF; }
.service_box strong{ font-size: 20px; line-height: 1.68em; text-align: center; display: inline-table; clear: none; float: none; width: 100%; margin-top: 10px; }
.service_box p{ font-size: 13px; line-height: 1.68em; text-align: center; }
.no-col{ margin: 0px; padding: 0px; }


/*首頁快捷區*/
.c-mega-menu-onepage-dots { width: 12px; position: fixed; list-style: none; top: 50%; right: 30px; z-index: 1000; }
.c-mega-menu-onepage-dots .c-onepage-dots-nav { position: relative; padding: 0px; margin: 0px; }
.c-mega-menu-onepage-dots .c-onepage-dots-nav > li.c-onepage-link { margin: 8px 0px; display: block; float: none; padding: 0px; }
.c-mega-menu-onepage-dots .c-onepage-dots-nav > li.c-onepage-link > a { padding: 0px; margin: 0px; display: block; line-height: 0px; height: 20px; width: 20px; background: #e3e7ec; border-radius: 20px; border: 3px solid #FFF; }
.c-mega-menu-onepage-dots .c-onepage-dots-nav > li.c-onepage-link.c-active > a,
 .c-mega-menu-onepage-dots .c-onepage-dots-nav > li.c-onepage-link.active > a { background: #b5bfce; }
.c-mega-menu-onepage-dots .c-onepage-dots-nav > li.c-onepage-link .tooltip .tooltip-inner { border-radius: 0; font-family: "微軟正黑體", "新細明體", "細明體", Arial; font-size: 13px; text-transform: uppercase; margin: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; white-space: nowrap;  }

@media (max-width: 991px) {
/* 991px */
.c-mega-menu-onepage-dots { right: 20px; }
}

.c-mega-menu-onepage-dots.c-theme .c-onepage-dots-nav > li.c-onepage-link:hover > a,
.c-mega-menu-onepage-dots.c-theme .c-onepage-dots-nav > li.c-onepage-link.c-active > a,
.c-mega-menu-onepage-dots.c-theme .c-onepage-dots-nav > li.c-onepage-link.active > a { background: rgba(99, 140, 11, 0.9); }
 
.tparrows.c-tparrows-hide { display: none; }
.tp-bullets.simplebullets.round > .bullet { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; width: 12px; height: 12px; background-color: #333; background-image: none; }
.tp-bullets.simplebullets.round > .bullet.selected,  .tp-bullets.simplebullets.round > .bullet:hover {background: rgba(99, 140, 11, 0.9);}


#home{ width: 100%; height: 100%; position: relative; clear: both; float: left; }
#home{background: url(bg_2.jpg) cnter 50% no-repeat;background-size: cover;height: auto;}
#home:before { background: url("../img/dark_cover.png") center 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; content: ""; }

#news{ width: 100%; height: 100%; position: relative;  }
#news{ background-size: cover;  background-attachment: fixed; background-image: url(../files/home_banner_bg_1.jpg1); background-repeat: no-repeat; height: auto; }
#news:before { background: url("../img/dark_cover.png") center 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; content: ""; }

#about{ width: 100%; height: 100%; position: relative; clear: both; float: left; }
#about{background: url(bg_2.jpg) cnter 50% no-repeat;background-size: cover;height: auto;}
#about:before { background: url("../img/dark_cover.png") center 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; content: ""; }

#products{ width: 100%; height: 100%; position: relative;clear: both; float: left;}
#products{background: url(bg_2.jpg) cnter 50% no-repeat;background-size: cover;height: auto;}
#products:before { background: url("../img/dark_cover.png") center 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; content: ""; }

#about_1{ width: 100%; height: 100%; position: relative;background-color: #EAEAEA;clear: both; float: left;}
#about_1{background: url(bg_2.jpg) cnter 50% no-repeat;background-size: cover;height: auto;}
#about_1:before { background: url("../img/dark_cover.png") center 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; content: ""; }

#about_2{ width: 100%; height: 100%; position: relative;background-color: #EAEAEA;clear: both; float: left;}
#about_2{background: url(bg_2.jpg) cnter 50% no-repeat;background-size: cover;height: auto;}
#about_2:before { background: url("../img/dark_cover.png") center 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; content: ""; }

#about_3{ width: 100%; height: 100%; position: relative;background-color: #EAEAEA;clear: both; float: left;}
#about_3{background: url(bg_2.jpg) cnter 50% no-repeat;background-size: cover;height: auto;}
#about_3:before { background: url("../img/dark_cover.png") center 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; content: ""; }

#about_4{ width: 100%; height: 100%; position: relative;background-color: #EAEAEA;clear: both; float: left;}
#about_4{background: url(bg_2.jpg) cnter 50% no-repeat;background-size: cover;height: auto;}
#about_4:before { background: url("../img/dark_cover.png") center 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; content: ""; }

#about_5{ width: 100%; height: 100%; position: relative;background-color: #EAEAEA;clear: both; float: left;}
#about_5{background: url(bg_2.jpg) cnter 50% no-repeat;background-size: cover;height: auto;}
#about_5:before { background: url("../img/dark_cover.png") center 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; content: ""; }

#banner{ width: 100%; height: 100%; position: relative;}
#banner{background: url(bg_2.jpg) cnter 50% no-repeat;background-size: cover;height: auto;clear: both; float: left;}
#banner:before { background: url("../img/dark_cover.png") center 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; content: ""; }

#contact{ width: 100%; height: 100%; position: relative;}
#contact{background: url(bg_2.jpg) cnter 50% no-repeat;background-size: cover;height: auto;clear: both; float: left;}
#contact:before { background: url("../img/dark_cover.png") center 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; content: ""; }

#home_tab{ width: 100%; height: 100%; position: relative; }
#home_tab{background: url(bg_2.jpg) cnter 50% no-repeat;background-size: cover;height: auto;clear: both; float: left;}
#home_tab:before { background: url("../img/dark_cover.png") center 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; content: ""; }


.page_title_box{ float: left; display: block; padding-top: 8px; line-height: normal; clear: both; width: 60%; text-align: center; padding-bottom: 8px; position: relative; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCC; border-bottom-color: #CCC; margin-right: 20%; margin-left: 20%; margin-top: 60px; margin-bottom: 40px; z-index: 10; }
.page_title_box strong{ text-transform: uppercase; font-size: 30px; color: #5A810A; display: block; clear: both; line-height: 1.68em; font-family: "微軟正黑體", "新細明體", "細明體", Arial; }
.page_title_box span{ font-size: 15px; color: #333; line-height: 1.68em; display: block; clear: both; font-weight: normal; }


/*圖片不規則 gallery-4 */
.c-bs-grid-reset-space .row,
.c-bs-grid-reset-space div[class^="col-"],
.c-bs-grid-reset-space div[class*=" col-"] { margin: 0; padding: 0; }
.c-bs-grid-small-space .row { margin-left: -5px; margin-right: -5px; }
.c-bs-grid-small-space .row div[class^="col-"],
.c-bs-grid-small-space .row div[class*=" col-"] { padding-left: 5px; padding-right: 5px; }
.c-bg-img-center { background-repeat: no-repeat; background-position: center; background-size: cover; }

.c-content-product-5 { padding: 0; margin: 0; }
.c-content-product-5 h3 {font-weight: 600 !important;padding: 0; margin: 0; color: #FFFFFF !important;font-size: 90px;text-transform: uppercase;font-family: "Roboto Condensed", sans-serif;}
.c-content-product-5 .c-title.c-margin-tb-30 { font-size: 30px;line-height: 1.5em; margin: 30px 0; }
.c-content-product-5 .c-line {padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.c-content-product-5 .c-detail { position: absolute; bottom: 0; padding: 30px 45px; }
.c-content-product-5 .c-detail .c-desc { margin: 10px 0;color: #FFFFFF !important; font-size: 17px;}
.c-content-product-5 .c-detail .btn { float: right; margin: 30px 0; }
.c-content-product-5 .c-wrapper.c-center-vertical { padding: 15% 0; text-align: center;}
.c-bg-dark { background-color: #2f353b !important; }
.c-bg-dark.c-bg-opacity { /* RGBa with 0.04 opacity */
background-color: rgba(47, 53, 59, 0.04) !important; }
.c-bg-dark.c-bg-opacity-2 { /* RGBa with 0.4 opacity */
background-color: rgba(47, 53, 59, 0.4) !important; }

/*圖片不規則 gallery-5 */
.c-content-product-3 { padding: 0; margin: 0; }
.c-content-product-3 .c-content { padding: 40px; }

.c-content-product-3 .c-content .c-title { color: #FFFFFF !important;margin: 0 0 25px; font-weight: 500;font-family: "Roboto Condensed", sans-serif;font-weight: 600 !important;text-transform: uppercase;}
.c-content-product-3 .c-content .c-description{color: #FFFFFF !important;font-family: "Roboto Condensed", sans-serif;font-size: 17px;}
.c-content-product-3 .c-content .c-price {color: #FFFFFF !important;font-family: "Roboto Condensed", sans-serif;margin-top: 10px; font-weight: lighter;font-size: 55px;font-weight: 300 !important;}
.c-content-product-3 .c-content .btn { position: absolute; bottom: 40px; }
.c-content-product-3 .c-border-padding { border: 1px solid rgba(255, 255, 255, 0.2); top: 20px; bottom: 20px; left: 20px; right: 20px; position: absolute; z-index: 1; }
.c-bg-red {background-color: #eb5d68 !important;}
.c-theme-bg { background: #32c5d2 !important;}

/*圖片不規則 gallery-6 */
.c-product-desc { padding: 60px 0; overflow: auto;}
.c-bg-dark { background-color: #2f353b !important;}
.c-product-desc img { max-width: 100%;}

/*圖片不規則 gallery-7 */
.c-content-product-4 { padding: 0; margin: 0; height: 500px; }
.c-content-product-4.c-content-bg-1 { background-color: #eff3f5; }
.c-content-product-4.c-content-bg-2 { background-color: #f0ece8; }
.c-content-product-4 .c-content .c-title {font-family: "Roboto Condensed", sans-serif; margin: 0 0 25px; font-weight: 500; }
.c-content-product-4 .c-content .c-description{font-family: "Roboto Condensed", sans-serif;}
.c-content-product-4 .c-content .c-price {font-family: "Roboto Condensed", sans-serif; margin-top: 20px; }
.c-content-product-4 .c-content .btn { margin-top: 15px; }
.c-content-product-4 .c-content.c-align-right { padding: 100px 100px 0 0; text-align: right; }
.c-content-product-4 .c-content.c-align-left { padding: 100px 0 0 100px; }
.c-content-product-4 .c-border-padding { border: 1px solid rgba(255, 255, 255, 0.2); top: 20px; bottom: 20px; left: 20px; right: 20px; position: absolute; z-index: 1; }
.c-content-product-4 .c-side-image { height: 500px; background-size: 80%; background-repeat: no-repeat; background-position: bottom; }

@media (max-width: 991px) {
/* 991px */
.c-content-product-4 .c-side-image { background-size: contain; }
.c-content-product-4 .c-content.c-align-right { padding: 40px 20px 0 0; }
.c-content-product-4 .c-content.c-align-left { padding: 40px 0 0 20px; }
}

@media (max-width: 767px) {
/* 767px */
.c-content-product-4 { height: 760px; }
.c-content-product-4 .c-wrapper { padding-top: 30px; }
.c-content-product-4 .c-side-image { height: 350px; }
}

.gallery-1-page{width: 100%; float: left; z-index: 10; clear: both; display: block; position: relative;margin-bottom: 60px;}
.gallery-1-box{ width: 80%; float: left; z-index: 10; clear: both; display: block; position: relative; margin-top: 10px; margin-right: 10%; margin-left: 10%; }

.gallery-2-page{ width: 100%; float: left; z-index: 10; clear: both; display: block; position: relative; margin-bottom: 40px; }
.gallery-2-box{ width: 100%; float: left; z-index: 10; clear: both; display: block; position: relative; margin-top: 10px; }

.c-main-title_1{ font-size: 32px; color: #333; font-weight: bold; text-shadow: 0px 0px 5px rgba(0,0,0,0.3); margin-top: -30px; text-align: center; line-height: 42px; }
.c-sub-title_1{ font-size: 18px; color: #333; text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); line-height: 36px; margin-top: 36px;}

.c-main-title_2{ font-size: 32px; color: #333; font-weight: bold; text-shadow: 0px 0px 5px rgba(0,0,0,0.3); margin-top: -30px; text-align: center; line-height: 42px; }
.c-sub-title_2{ font-size: 18px; color: #333; text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); line-height: 36px; margin-top: 36px;}

.c-main-title_3{ font-size: 32px; color: #333; font-weight: bold; text-shadow: 0px 0px 5px rgba(0,0,0,0.3); margin-top: -30px; text-align: center; line-height: 42px; }
.c-sub-title_3{ font-size: 18px; color: #333; text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); line-height: 36px; margin-top: 36px;}

.c-main-title_4{ font-size: 32px; color: #333; font-weight: bold; text-shadow: 0px 0px 5px rgba(0,0,0,0.3); margin-top: -30px; text-align: center; line-height: 42px; }
.c-sub-title_4{ font-size: 18px; color: #333; text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); line-height: 36px; margin-top: 36px;}

/*.c-action-btn.btn{ margin-bottom: 200px; }*/

.table_style{}

/*內頁分享區塊*/
.detailed_sharing_box{ margin: 0px; float: right; padding: 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; }

.about_box_style_img{ height: auto; width: 100%; }