@charset "utf-8";
/* CSS Document */
/* Body */
body {  color: #333; margin: 0; padding: 0; line-height: 1.429em; text-align: left; font-size: 13px; clear: both; float: left; width: 100%; display: block;}
body{font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif!important;}
/* Anchors */
a { -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; outline: 0; }
a img { border: 0px; text-decoration: none; }
a:link, a:visited { color: #2169a7; 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, input, button, select, textarea { font-family: inherit; }

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

/*圖片特效*/
.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 { width: 100%; position: absolute; z-index: 2; }
.top_header_box { display: block; clear: both; position: relative; float: left; margin: 0px; padding: 0px; width: 100%; z-index: 1; background-image: url(../images/white_alpha_9.png); }

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

/*公司LOGO名稱*/
.company_page{ float: left; width: 100%; position: absolute; top: -15px;  }
.company_box { position: relative; width: 100%; margin-right: auto; margin-left: auto; }
.company_box .logopic { margin: 0px; float: left; position: relative; padding: 0px; display: block; }
.company_box .logopic a{ float: left; }
.company_box .logopic img{float: left;  }
.company_box h2 { font-weight: normal; color: #666; 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; }
.company_box .company_name { font-weight: normal; color: #666; 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 .company_name 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; margin: 0px; right: 0px; float: left; width: 100%; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; }
.top_icon_left_box { float: left; width: 470px;}

/*頁面上方文字選單*/ 
#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: #cce7ff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#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: #1A5082; padding-top: 2px; padding-bottom: 2px; }
#topmenuicon li a:hover { color: #2169a7; background-color: #FFF; }

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

/*搜尋*/
.search_page{ float: right; margin-right: 5px; margin-left: 5px; }
.search_box{ float: left; margin-top: 2px; 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: #2169a7; 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; color: #2169a7; }
.search_box .search_btn1{ cursor: pointer; background-color: #cce7ff; float: left; color: #2169a7; font-size: 1.1em; border: 1px solid #b2dbfe; display: block; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; height: 28px;margin-right: 4px; border-radius: 0px; }
.search_box .search_btn2{ cursor: pointer; background-color: #cce7ff; float: left; color: #2169a7; font-size: 0.9em; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; border: 1px solid #b2dbfe; height: 26px; display: block; margin: 0px; line-height: 28px; }
.search_box .search_btn1:hover{ background-color: #2169a7; color: #cce7ff; border-top-color: #1C588E; border-right-color: #1C588E; border-bottom-color: #1C588E; border-left-color: #1C588E; }
.search_box .search_btn2:hover{ background-color: #2169a7; color: #cce7ff; border-top-color: #1C588E; border-right-color: #1C588E; border-bottom-color: #1C588E; border-left-color: #1C588E; }

/*手機搜尋*/
.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: #000; 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; }
.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: #2169a7; }
.mobile_search_box .search_btn2:hover{ background-color: #2169a7; }

/*手機選單*/
nav:not(.mm-menu) { display: none; }
.header{ text-align: center; display: none;}
.header{ background: #777; font-size: 16px; font-weight: bold; color: #FFF; line-height: 40px; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; float: left; position: absolute; left: 0px; top: -3px; padding: 0; margin: 0px; z-index: 4; }
.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: 4; background-color: transparent; background-repeat: no-repeat; background-position: center center; float: left; margin: 0px; padding: 0px; }
.page{}
.page2 { display: none; background-image: url(../images/black_alpha_4.png); z-index: 10000; position: absolute; height: 100%; width: 100%;}

/*首頁內容分佈區*/
.home_content_page{ width: 100%; clear: both; position: relative; display: block; float: left; margin: 0px; padding: 0px; }
.home_content_box{ position: relative; clear: both; width: 100%; display: block; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#home_left_box{ width: 50%; display: block; float: left; }
#home_right_box{ width: 50%; display: block; float: right; }
.home_one_box{ width: 100%; position: relative; margin: 0px; float: left; padding: 0px; }

/*內頁兩欄分佈區*/
#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: auto; margin-bottom: 0px; margin-left: auto; padding: 0px; }
#sub_left_box{ width: 240px; float: left; padding: 0px; margin: 0px; border: 1px solid #cce7ff; }
#sub_right_box{ width: 80%; float: left; margin-top: 0px; margin-right: 0%; margin-bottom: 0px; margin-left: 2%; padding: 0px; }

/*內頁大標題*/
.sub_page_category{ padding-top: 15px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; line-height: normal; color: #2169a7; font-size: 24px; font-weight: bold; margin: 0px; clear: both; float: left; width: 100%; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #E0E0E0; }

/*內頁小標題*/
.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{ width: 980px; display: block; float: right; margin: 0px; padding-right: 10px; padding-left: 10px; padding-top: 1px;}

/*背景圖設定*/
.advertising_main_box img.advertising_photo_bg{ z-index: 12; bottom: 0px; position: absolute; }
.home_product_page{ background-image: url(../images/home_page_bg_down.png); background-repeat: no-repeat; background-position: center bottom; -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; background-size:contain;}
#footer{ background-image: url(../images/home_page_bg_top.png); background-repeat: no-repeat; background-position: center top; -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; background-size:contain;}

/*首頁公司簡介區*/
.home_about_bg{-webkit-background-size: cover; background-size: cover;background-attachment: fixed;  width: 100%; clear: both; margin: 0px; padding: 0px; float: left; background-repeat: repeat; background-position: center center; }
.home_about_bg .parallax-window { background: transparent; min-height: 250px;}
.home_about_page{ width: 100%; clear: both; overflow: hidden; background-color: #cce7ff; }
.home_about_box{ width: 80%; clear: both; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }
.home_about_box .title_box{ float: left; display: block; padding-top: 8px; line-height: normal; clear: both; width: 100%; text-align: center;padding-bottom: 8px; }
.home_about_box .title_box strong{ text-transform: none; font-size: 48px; color: #2169a7; display: block; }
.home_about_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_about_box h1{ font-size: 21px; margin: 0px; padding: 0px; line-height: 2em; }
.home_about_box .content_box{ padding-top: 5px; padding-bottom: 20px; color: #666; line-height: normal;  float: left; width: 100%; display: block; }
.home_about_box .content_box font{ line-height: 1.4em; font-size: 16px;}
.home_about_box .content_box p{ margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 1.5em; padding-left: 0px; }
.home_about_box figure { display: block; width: 50%; padding: 0px; clear: both; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.home_about_box figure img{ background-color: #FFF; height: auto; width: 100%; }
.home_about_box .about_txt_box{ width: 90%; padding-right: 5%; padding-left: 5%; color: #2169a7; margin: 0px; padding-top: 0px; padding-bottom: 0px; text-align: center; clear: both; }
.home_about_box .about_txt_box_no_photo{ width: 90%; float: left; padding-right: 5%; padding-left: 5%;}

/*首頁最新消息區*/
.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: 100%; clear: both; float: left; margin: 0px; padding: 0px; }
.home_news_box{ width: 80%; clear: both; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }
.home_news_box .title_box{ float: left; display: block; padding-top: 8px; line-height: normal; clear: both; width: 100%; text-align: center; padding-bottom: 8px; background-image: url(../images/title_box_bg.png); background-repeat: repeat-x; background-position: center center; }
.home_news_box .title_box strong{ text-transform: none; font-size: 24px; color: #2169a7; }
.home_news_box .title_box span{ background-color: #FFF; padding-right: 10px; padding-left: 10px; }
.home_news_box ul{ margin: 0px; list-style:none; border:none; width: 100%; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; float: left; display: block; }
.home_news_box ul a{ }
.home_news_box li{  /*border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC;width: 25%;*/ float: left; display: block; clear: right; }
.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 { padding-top: 10px; padding-bottom: 10px; width: 100%; clear: both; margin-right: auto; margin-left: auto; }
.home_news_one_box .photo_box{ display: block; float: left; width: 100%; overflow: hidden; clear: both; }
.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%; padding-top: 5px; padding-bottom: 5px; }
.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: #2169a7; 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; }

/*首頁產品區*/
.home_product_page{ width: 100%; clear: both; float: left; margin: 0px; padding: 0px; background-color: #cce7ff; }
.home_product_box{ width: 100%; clear: both; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-right: 0px; padding-bottom: 50px; padding-left: 0px; }
.home_product_box .title_box{ float: left; display: block; padding-top: 8px; line-height: normal; clear: both; width: 100%; text-align: center; padding-bottom: 8px;}
.home_product_box .title_box strong{ text-transform: none; font-size: 24px; color: #2169a7; display: block; }
.home_product_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_product_box .home_productpic_page{ float: left; clear: both; width: 100%; margin: 0px; padding: 0px; }
.home_product_box .home_productpic_page ul{ margin: 0px; list-style:none; border:none; width: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; float: left; display: block; clear: both; }
.home_product_box .home_productpic_page ul li{ float: left; margin-bottom: 10px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; width: 100%; }

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

.home_productpic:hover img{ opacity:0.4;filter:alpha(opacity=60);z-index: 0;background-color: #FFF;}
.home_productpic h2{ font-weight: normal; font-size: 13px; margin: 0px; clear: both; float: left; display: block; width: 100%; padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.home_productpic h2 a, .home_productpic h2 a:link, .home_productpic h2 a:visited{ text-decoration: none; color: #FFF; }
.home_productpic h2 a:hover { }
.home_productpic h3{ font-size: 13px; margin: 0px; font-weight: normal; display: block; padding: 0px; clear: both; float: left; width: 100%; }
.home_productpic h3 a, .home_productpic h3 a:link, .home_productpic h3 a:visited{ text-decoration: none; color: #FFF; }
.home_productpic h3 a:hover {  }

._layer{ clear: both; position: absolute; width: 100%; background-position: center; padding: 0px; text-align: center; z-index: 3; display: block; margin: 0%; top: auto; left: auto; right: auto; bottom: 0%; background-image: url(../images/white_alpha_7.png); }
._layer ._layer_title{ font-size: 20px; color: #2169a7; margin: 0px; padding: 0px; clear: both; width: 100%; line-height: 35px; }
._layer ._layer_title a{color: #2169a7; }
._layer ._layer_title a:hover {color: #2169a7; }
._layer ._layer_model{ font-size: 13px; color: #2169a7; margin: 0px; padding: 0px; clear: both; width: 100%;line-height: 26px;}
._layer ._layer_model a{color: #2169a7; }
._layer ._layer_model a:hover {color: #2169a7; }

._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: 10%; }
._layer_more_box ._layer_more{ font-size: 13px; color: #2169a7; margin: 0px; padding: 0px; clear: both; width: 100%; position: absolute; bottom: 0px; }
._layer_more_box ._layer_more a{ color: #2169a7; padding-right: 10px; padding-left: 10px; padding-top: 4px; padding-bottom: 4px; border: 1px solid #FFF; }
._layer_more_box ._layer_more a:hover{ color: #FFF; background-color: #2169a7; }

.home_productpic: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; background-image: none; }
.home_productpic:hover figure{ background-color: #FFF; }
.home_productpic:hover ._layer_more_box{ display: block; }
.home_productpic:hover img { transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); }

.home_productpic_box .productpic_info_box{ clear: both; float: left; width: 100%; margin: 0px; background-color: #cce7ff; padding-top: 5px; padding-right: 2%; padding-bottom: 5px; padding-left: 2%; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #cce7ff; display: inline-block; }

/*首頁Banner區*/
.home_banner_page{ width: 100%; clear: both; float: left; margin: 0px; padding: 0px; }
.home_banner_box{ width: 80%; clear: both; margin-right: auto; margin-left: auto; 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: none;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{ margin: 0px; list-style:none; border:none; width: 100%; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; float: left; display: block; }
.home_banner_box li{ width: 33.333%; float: left; }

.home_banner_one_box { width: 80%; clear: both; margin-right: auto; margin-left: auto; background-color: #cce7ff; }
.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: #cce7ff; 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: #2169a7; font-size: 13px; line-height: 1.68em; }

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

/*powered*/
#powered { color: rgba(33, 105, 167, 0.3); 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: rgba(33, 105, 167, 0.3); }
#powered a:hover { color: rgba(33, 105, 167, 0.8); }

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

/*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: 25px; padding-bottom: 25px; }
#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: 60%; float: left; color: #2169a7; }
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: #2169a7; padding-bottom: 8px; color: #2169a7; 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: #2169a7; }
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: #93C0EA; 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: #2169a7; 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: #2169a7; font-weight: normal; margin: 0px; padding: 0px; }
.footer_nav_box .address li a:hover { color: #2169a7; }
.footer_nav_box .address li strong { color: #2169a7; padding-right: 5px; 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;}
.footer_nav_box .address li .address_txt_box { color: #2169a7; padding-right: 5px; padding-left: 40px; line-height: 1.6em; padding-top: 5px; }
.footer_nav_box .address li .address_tel_box { color: #2169a7; padding-right: 5px; padding-left: 40px;line-height: 1.6em;padding-top: 5px;}
.footer_nav_box .address li .address_fax_box { color: #2169a7; padding-right: 5px; padding-left: 40px;line-height: 1.6em;padding-top: 5px;}
.footer_nav_box .address li .address_cmpanyname_title{ font-size: 18px; color: #2169a7; }

/*網頁按鈕*/
.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-color: #2169a7; }
.btn { font-size: 15px; color: #2169a7; 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; display: block; }
.btn:hover { background: #2169a7; border-color:#2169a7 ; color: #cce7ff; }
a.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; color: #2169a7; background-color: #e2f2ff; }


/*網頁路徑*/
#path_link{ width: 100%; float: left; display: block; line-height: normal; margin: 0px; padding: 0px; clear: both; }
#path_link h2{ margin: 0px; font-size: 13px; color: #666; float: left; font-weight: normal; line-height: 1.76em; padding: 0px; }
#path_link h2 { color: #2169a7; }
#path_link h2 i{ color: #2169a7; }
#path_link h2 a{}
#path_link .sub_search_box{ margin: 0px; float: right; padding-top: 5px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }

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

/*頁數區塊*/
.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:#2169a7; font-weight:bold; }

.previous { margin: 0px; padding: 5px; clear: both; }
.previous a{ margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }

.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{ float: left; width: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; clear: both; margin: 0px; }
#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: 10px; 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; }
#about_page_box .content_box p{ margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 1.8em; padding-left: 0px; }


/*最新消息內頁*/
#news_page_box{ float: left; width: 100%; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; clear: both; }
#news_page_box .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_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: #2169a7; }
/*.news_list_box li.list_title a:before { content:"\f14a"; font-family: "FontAwesome"; font-weight: 400; color: #666; padding-right: 5px; }*/

.news_list_box .list_date{ margin: 0px; text-align: right; float: right; font-size: 13px; line-height: normal; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; }
.news_list_box .list_txt{ margin: 0px; padding: 0px; background-color: #EAEDF2; clear: both; float: left; width: 100%; }
.news_list_box .list_txt .txt_content_box{ margin: 0px; float: left; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
.news_list_box .list_txt figure{ float: left; padding: 0px; margin: 0px; }
.news_list_box .list_txt figure img{ float: left; background-color: #FFF; padding: 5px; border: 1px solid #DDD; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; }

.news_detail_box{ display: block; clear: both; float: left; width: 100%; padding: 0px; margin: 0px; }
.news_detail_box .news_detail_title{ line-height: 1.48em; font-size: 20px; font-weight: bold; width: 100%; clear: both; float: left; padding: 0px; color: #333; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.news_detail_box .time{ margin: 0px; color: #666; width: 100%; clear: both; float: left; padding: 0px; font-size: 15px; line-height: 1.68em; }

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

/*產品內頁*/
#products_page_box{ float: left; width: 100%; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; clear: both; }
#products_page_box .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: inline-table; }
#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: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 16px; display: block; clear: both; float: left; color: #2169a7; white-space: nowrap; width: 100%;margin-top:20px; }
#products_page_box .product_hgroup_box_title:before { content:"\f14a"; padding-right: 6px; font-family: "FontAwesome"; line-height: 23px; font-weight: 400; color: #666; }
#products_page_box .detail_page .sub_productpic_box { font-size: 13px; }
.sub_productpic_box{ width: 91%; clear: both; margin-right: auto; margin-left: auto;  }
.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; 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: inline-block; width: 98%; clear: both; padding-top: 8px; padding-bottom: 8px; margin: 0%; padding-right: 1%; padding-left: 1%; }
.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; margin: 0px; padding: 0px; clear: both; display: block; width: 100%; font-size: 13px; font-weight: normal; text-align: left; color: #2169a7; }
.sub_productpic_box .item_no a:hover { }
.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{ text-decoration: none; clear: both; display: block; margin: 0px; padding: 0px; width: 100%; text-align: left; font-size: 13px; font-weight: normal; color: #333; }
.sub_productpic_box .product_name a:hover {  }

/*b2c購物區*/
.productpic_price_box{ display: inline-block; width: 100%; text-align: left; }
.prod_cost_box,
.prod_sale_box{ font-size:13px; line-height:1.58em; margin:0; padding-top: 5px; padding-right: 0%; padding-bottom: 2px; padding-left: 0%; text-align: left; display: block; }
.prod_cost_th{padding-right: 5px; font-size: 13px;}
.prod_cost_td{ font-size: 16px; text-decoration: line-through; color: #BEBEBE; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
.prod_sale_th{padding-right: 5px; font-size: 13px;}
.prod_sale_td{ font-size: 16px; color: #004986; font-weight: bold; margin-right: 5px; text-align: center;font-family: Arial, Helvetica, sans-serif; }

/*b2C簡要*/
.discount_description_box{ color: #C00; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; clear: both; width: 100%; float: left; margin: 0px; line-height: 1.68em; }

/*購物數量*/
.productpic_form_box{ display: inline-block; width: 100%; text-align: left; }
.prod_qty_box{ font-size:13px; line-height:1.58em; margin:0; padding-top: 5px; padding-right: 2%; padding-bottom: 2px; padding-left: 0%; text-align: center; display: inline-block; }
.prod_qty_title{ font-size: 13px; }
.prod_qty_number{ height: 23px; width: 60px; padding: 0px; margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; text-align: center; border: 1px solid #CCC; }

/*樣式清單*/
.prod_select_box{ font-size:13px; line-height:1.58em; padding-top: 5px; padding-right: 5px; padding-bottom: 2px; padding-left: 0px; text-align: center; display: inline-block; margin: 0; }
.prod_select_title{font-size: 13px;}
.prod_select{ height: 23px;border:1px solid #ccc;}
select.prod_select::-ms-expand { border:1px solid #ccc; background: transparent; border: none; }

/*加入點選清單*/
.input_add_page{ padding: 0px; clear: both; width: 100%; margin-top:8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; text-align: left; opacity:1; float: left; display: inline-block; }
.input_add{ clear: both;  width: 100%;  margin: 0px; padding: 0%;  }
.input_add a,
.input_add a:link,
.input_add a:visited{ color: #333; display: inline-block; margin: 0px; line-height: normal; padding: 0px; } 
.input_add a:hover { color: #333; }
.input_add a.addcart_added{ color: #C00; }
.input_add .carting_chkbox{ padding: 0px; height: 16px; width: 16px; display: inline-block; position: relative; top: 3px; margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; }

.input_add_page{margin-top:5px;margin-bottom:5px;}
.input_add_page .input_add{ width: auto; }
.input_add_page .input_add{ background-color: #666; padding: 8px; text-align: center;}
.input_add_page .input_add:hover{ background-color: #999; }
.input_add_page .input_add input[type="checkbox"],
.input_add .inquiry_carting_box input[type="checkbox"]{display:none;}
.input_add_page .input_add.addcart_ok input[type="checkbox"] ,
.input_add .inquiry_carting_box.addcart_ok input[type="checkbox"] { display:none; }

.input_add_page .input_add input[type="checkbox"] + a { color:#FFF; }
.input_add_page .input_add input[type="checkbox"]:checked + a + a { color:#f2f2f2;  }

.input_add_page .input_add input[type="checkbox"] + a:before{ content:"\f067"; font-family: FontAwesome;  font-weight: 400; color: #FFF; margin-right: 5px;  display: inline-block;  }
.input_add_page .input_add input[type="checkbox"]:checked + a + a:before{ content:"\f067"; font-family: FontAwesome;  font-weight: 400; color: #FFF; margin-right: 5px; display: inline-block;  }
.input_add_page .addcart.adding { display: block; }
.input_add_page .addcart.added { display: block; }
.input_add_page .addcart.added font b{ color: #CCC; font-weight: normal; }


.input_add .inquiry_carting_box{ background-color: #666; padding: 8px 20px; display: inline-block; width: auto; text-align: center; }
.input_add .inquiry_carting_box:hover{ background-color: #999; }
.input_add .inquiry_carting_box input[type="checkbox"] + a:before{ content:"\f067"; font-family: FontAwesome;  font-weight: 400; color: #FFF; margin-right: 5px;  display: inline-block;  padding-top: 2px; }
.input_add .inquiry_carting_box input[type="checkbox"]:checked + a + a:before{ content:"\f067"; font-family: FontAwesome;  font-weight: 400; color: #FFF; margin-right: 5px; display: inline-block;  padding-top: 2px;  }
.input_add .inquiry_carting_box .addcart.adding {color: #FFF; }
.input_add .inquiry_carting_box .addcart.added font b{ color: #CCC; font-weight: normal; }

.sub_productpic_box .input_add .inquiry_carting_box{ background-color: #666; padding: 8px 0px; display: inline-block; width: 100%; text-align: center; margin-top: 5px; margin-bottom: 5px;}

/*按鈕樣式*/
.prod_button{ padding-top: 5px; padding-bottom: 5px; display: inline-block; clear: both; float: left; width: 100%; }
.prod_button span{ font-size: 11px; color: #FFF; display: inline-block; }
.prod_button a{ display: inline-block; padding: 10px; line-height: 36px; width: 50%; float: left; text-align: center;   }
.prod_button input{ display: inline-block; padding: 5px 10px; line-height: 26px; width: 100%; float: left; text-align: center;  margin: 0px; border: 0px none #FFF; }
.prod_button button{ display: inline-block; padding: 5px 10px; line-height: 26px; width: 100%; float: left; text-align: center; margin: 0px; border: 0px none #FFF;}

.prod_button .prod_qty_submit{ color: #FFF; background-color: #F60; cursor: pointer; }
.prod_button .prod_qty_submit:before{ content:"\f291"; font-family: FontAwesome; font-size: 14px; font-weight: 400; color: #FFF; margin-right: 5px; }
.prod_button .prod_qty_submit:hover{ background-color: #FF7A22; border-top-color: #D05300; border-right-color: #D05300; border-bottom-color: #D05300; border-left-color: #D05300; }

.prod_button .sold_out_submit{ color: #333; background-color: #CCC; cursor: pointer; }
.prod_button .sold_out_submit span{ color: #666;}

.prod_button .notice_of_goods_submit{ cursor: pointer; color: #FFF; background-color: #666;}
.prod_button .notice_of_goods_submit:before{ content:"\f003"; font-family: FontAwesome; font-size: 14px; line-height: 23px; font-weight: 400; color: #FFF; margin-right: 5px; }
.prod_button .notice_of_goods_submit span{ color: #666;}

.prod_button .add_favorites_submit{ color: #FFF; background-color: #00589F; cursor: pointer; }
.prod_button .add_favorites_submit:before{ content:"\f004"; font-family: FontAwesome; font-size: 14px;  font-weight: 400; color: #FFF; margin-right: 5px; }
.prod_button .add_favorites_submit:hover{ background-color: #004986; color: #FFF; }
@media screen and (max-width: 736px){
.prod_button button{width: 100%;}
}
.product_detail_box .prod_button input{ width: auto; padding-right: 40px; padding-left: 40px; font-size: 16px; }
.product_detail_box .prod_button button{ width: auto; padding-right: 40px; padding-left: 40px;  font-size: 16px;}

/*內頁詳細產品區*/ 
.product_detail_box .product_specifications .name,
.product_content_list .title,
.prod_sale_td{ color: #2169a7;}

.product_detail_box { margin: 0px; width: 100%; float: left; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; clear: both;font-size: 18px; line-height: 26px; }
.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: 85px; 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;font-size: 15px; line-height: 1.6em; font-weight: normal;}
.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{  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 .name{ font-size: 16px; padding: 0px; font-weight: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
.product_detail_box .product_specifications .item{ font-size: 22px; color: #333; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.product_detail_box .product_specifications .download{ font-size: 16px; line-height: 26px; margin: 0px; font-weight: normal; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; display: block; clear: both; }
.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: 0px; font-family: "FontAwesome";color: #666; }
.product_detail_box .product_specifications .download span{ color: #999; padding-left: 0px; font-size: 13px; }
.product_detail_box .product_specifications .download span font{ padding-left: 4px; padding-right: 1px; color: #999!important; }
.product_detail_box .product_specifications .view{ margin: 0px; padding: 5px; }
.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; color: #999; font-weight: normal; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }
.product_detail_box .product_specifications .txt_box{ font-size: 16px; line-height: 26px; margin: 0px; display: block; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px;  }

.product_detail_box .product_specifications .input_add{ font-size: 16px; line-height: 26px; margin: 0px; font-weight: normal; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; display: block; clear: both; }
.product_detail_box .product_specifications .input_add a{ color: #333; }
.product_detail_box .product_specifications .input_add a font{ color: #C00; }

.product_content_list, .wysiwyg__product {font-size: 16px;  float: left; padding: 0px; width: 100%; clear: both; line-height: 28px; }
.product_content_list .list_box{ margin: 0px; padding: 0px; clear: both; }
.product_content_list .title{ background-image: url(../images/sub_title.png); background-repeat: no-repeat; background-position: 5px 12px; padding: 0px; clear: both; float: left; width: 100%; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.product_content_list .title:before { content:"\f14a"; font-family: "FontAwesome"; font-weight: 400; color: #666; display: inline-block; float: left; margin-right: 5px; }
.product_content_list .txt, .wysiwyg__product { 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; }

.product_detail_box .productpic_price_box{font-size: 16px; line-height: 26px;   }
.product_detail_box .prod_cost_box,
.product_detail_box .prod_sale_box,
.product_detail_box .prod_cost_th,
.product_detail_box .prod_cost_td,
.product_detail_box .prod_sale_th,
.product_detail_box .prod_sale_td,
.product_detail_box .prod_qty_box{ font-size:16px;}
.product_detail_box .prod_qty_title,
.product_detail_box .prod_select_title
{font-size:16px;font-weight: normal; }
.product_detail_box .prod_qty_number{ line-height: normal; font-weight: normal; /*height: auto;*/ }
.product_detail_box .global_discount_description_box{font-size: 16px; line-height: 26px; }

/*內頁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: #2169a7; 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 12px; font-size: 15px; line-height: 1.6em; }
.faq_list_box .list_date{ margin: 0px; text-align: right; float: right; font-size: 11px; line-height: 1.6em; padding-top: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
.faq_list_box .list_txt{ margin: 0px; background-color: #e1f1ff; 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: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 20px; font-size: 13px; line-height: 1.6em; }

/*檔案下載內頁*/
#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: #2169a7; 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; margin: 0px; clear: both; float: left; width: 96%; padding-top: 5px; padding-right: 2%; padding-bottom: 0px; padding-left: 2%; background-color: #e1f1ff; }
.form_head{ background-color:#2169a7; margin: 0px; padding: 10px; color: #FFF; font-size: 15px; }

.form_tr{ clear:both; line-height:13px; float: left; display: block; width: 100%; padding-top: 5px; padding-bottom: 10px; font-size: 15px;}
.form_tr .label_box{ float:left; font-size:13px; width:30%; display: block; padding: 5px; margin: 0px; position: relative; text-align: right;}
.form_tr .label_box .label_th{ font-size: 15px; color: #333; padding: 0px; margin: 0px; line-height: 20px;}
.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 label{padding: 5px;margin-bottom: 0px;display: inline-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:14px; color:#333; margin-top:5px; padding: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

.form_tr .check_box{ float: left; display: block; margin: 0px; padding: 5px; }
.form_tr .img_box{ float: left; display: block; margin: 0px; padding: 5px; } 
.form_tr .img_box img{ float: left; display: block; margin: 0px; } 
.form_tr .form_star,.form_tr .mandatory{ font-weight: bold; color: #C30; font-size: 12px; padding-right: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: #2169a7; border: 1px solid #1C588E; }

.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: #2169a7; border: 1px solid #1C588E; }

.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: #2169a7; border: 1px solid #1C588E; }

.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: #2169a7; border: 1px solid #1C588E; }

/*詢價內頁*/
.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: #2169a7; 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: #2169a7; 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 select{ padding: 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: 10px 5px; font-size: 15px; }
.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; 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; font-weight: normal; width: 94%; padding-right: 2%; padding-left: 0px; margin-top: 0px; margin-right: 1%; margin-bottom: 0px; margin-left: 0px; }
#search_page_box .group_box .title_box:before { content:"\f14a"; padding-right: 6px; font-family: "FontAwesome"; font-size: 14px; line-height: 23px; font-weight: 400; color: #666; }
#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; font-weight: normal; width: 96%; padding-right: 2%; padding-left: 2%; clear: both; float: left; margin: 0px; }
#search_page_box .catalog_search:before { content:"\f14a"; padding-right: 6px; font-family: "FontAwesome"; font-size: 14px; line-height: 23px; font-weight: 400; color: #666; }

#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; padding: 0px; margin-top: 5px; margin-right: 1%; margin-bottom: 5px; margin-left: 1%; float: left; color: #999; }
.no_data p{ margin: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 20px; }

/*更多內容*/
.all_more_page{ clear:both; display:block; width:100%; padding-top:5px; padding-bottom:5px; margin: 0px; padding-right: 0px; padding-left: 0px; }
.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{ 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:#2169a7; display: inline; background-color: #e2f2ff; margin-right: auto; margin-left: auto; clear: both; text-align: center; white-space: nowrap; margin-top: 0px; margin-bottom: 0px; border: 1px solid #b2dbfe; overflow: hidden; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }

/*文章更多內容*/
.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-color: #2169a7; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.txt_more_box a{ color: #cce7ff; 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: #2169a7; text-align: right; right: 3px; background-color: #e2f2ff; margin: 0px; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px; top: 3px; }

/*parallax*/
.parallax-window { background: transparent; min-height: 250px;}
.parallax-window_1 { background: transparent; min-height: auto; }
.parallax-container { min-height: 250px; width: 100%;  }


 /*首頁產品 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.3; -moz-opacity: 0.3; filter:alpha(opacity=3);left:5px; top: 35%; background-image: url(../images/owl-prev.png); height: 45px; width: 28px; margin: 0px; padding: 0px;}
.owl-theme .owl-controls .owl-nav .owl-prev:hover{opacity: 1; -moz-opacity: 1; filter:alpha(opacity=10); background-image: url(../images/owl-prev.png);}
.owl-theme .owl-controls .owl-nav .owl-next{ opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=3);right:5px; top: 35%; background-image: url(../images/owl-next.png); height: 45px; width: 28px; margin: 0px; padding: 0px; }
.owl-theme .owl-controls .owl-nav .owl-next:hover{opacity: 1; -moz-opacity: 1; filter:alpha(opacity=10);background-image: url(../images/owl-next.png);}

/*====================== Parallax =========================*/
.parallax>div.link { cursor:pointer; }
.parallax>div { position:relative; background-position:top; background-repeat:no-repeat; -moz-background-size:cover;
 -webkit-background-size:cover;
 -o-background-size:cover;
 background-size:cover;  }
.parallax p { position:relative; display:block; }

::i-block-chrome, .parallax > div { background-attachment: scroll !important;}
.parallax { position: relative; }
.parallax > div { padding: 147px 0 184px; text-align: center; color: #fff; }
.parallax-1{ background-attachment: scroll!important;}

/*====================== toTop =========================*/
.toTop { font-family: FontAwesome; border-radius: 50%; width: 40px; height: 40px; text-align: center; right: 18px; bottom: 20px; color: rgb(255, 255, 255); line-height: 40px; 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: #2169a7; }
.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; }
#newsletterpopup .all_more_page a.btn{ font-size: 12px; font-weight: normal; }

/*頁面上方購物車*/
.cart_item_page { float: right; margin-left: 10px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; line-height: normal; display: block; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }
.cart_item { background-image: url(../../images/cart_bg_s.png); background-repeat: no-repeat; background-position: left 4px; float: left; display: block; position: relative; margin: 0px; line-height: 30px; padding: 0px; width: 100%; clear: both; }
.cart_item a:link,
.cart_item a:visited,
.cart_item a{ text-decoration: none; color: #333; }
.cart_item strong { padding-left:30px; font-weight: normal; }
.cart_item .much_total { color: #2169a7; margin: 0px; padding: 0px; }
.cart_item .items { color: #2169a7; font-weight: bold; margin: 0px; padding: 0px; }

.cart_item:hover .cart_item_list_box { display: block; }
.cart_item_list_box { width: 300px; background-color: #EBEBEB; position: absolute; display: none; right: 0px; top: 30px; border: 1px solid #CCC; }
.cart_item_list_box ul { clear: both; float: left; width: 100%; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.cart_item_box { clear: both; float: left; width: 96%; padding-top: 5px; padding-right: 2%; padding-bottom: 5px; padding-left: 2%; margin: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; }
.cart_item_box .photo { float: left; width: 40px; }
.cart_item_box .txt { float: left; width: 230px; }
.cart_item_box .edit { float: left; width: 10px; }
.cart_item_box .txt h2 { clear: both; float: left; width: 100%; margin: 0px; padding: 0px; font-size: 13px; font-weight: normal; line-height: normal; }
.cart_item_box .txt h2 a { color: #496a01; }
.cart_item_box .txt h3 { clear: both; float: left; width: 100%; margin: 0px; padding: 0px; font-size: 12px; font-weight: normal; color: #999; }
.cart_item_box .txt p { clear: both; float: left; width: 100%; margin: 0px; padding: 0px; font-size: 12px; font-weight: normal; color: #333; }
.cart_item_box .edit a { color: #000; }
.cart_item_list_box .checkout_bt { width: 100%; clear: both; float: left; background-color: #434343; text-align: center; }
.cart_item_list_box .checkout_bt a { color: #FFF; }

.image_bigger { display: none; }
.image_box { display: block; position: relative; }
.image_box:hover div.image_bigger { position: absolute; display:block; width: 250px; height:auto; left:100px; top: 0px; background-color: #CCC; border: 3px solid #333; z-index:999; padding: 1px; margin: 0px; }
.image_box img { border:0; margin: 0px; padding: 0px; line-height: 0px; display: block; float: left; }

body a #shoppingCart{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width:60px; height:65px; right:10px; bottom:60px; position:fixed; z-index:10000000; background-color: #2169a7; background-image: url(../../images/shopping_cart.png); background-repeat: no-repeat; background-position: center center; margin: 0px; padding: 0px; }

/*購物袋*/
.shopping_cart_page{ clear: both; float: left; width: 94%; padding-top: 10px; padding-right: 3%; padding-bottom: 10px; padding-left: 3%; }
.shopping_cart_box{ border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #828282; border-left-color: #CCC; margin: 0px; padding: 0px; clear: both; float: left; width: 100%; }
.shopping_cart_box ._sub_title{ background-color: #D1D1D1; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; font-size: 15px; }
.shopping_cart_box ._th{ padding: 0px; color: #FFF; background-color: #666; margin: 0px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #FFF; border-bottom-color: #FFF; font-size: 15px; font-weight: normal; clear: both; float: left; width: 100%; }
.shopping_cart_box ._td{ padding: 0px; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; clear: both; float: left; width: 100%; }
.shopping_cart_box ._lump_sum{ padding-top: 15px; padding-bottom: 10px; font-size: 16px; background-color: #F0F0F0; clear: both; float: left; width: 100%; text-align: right; border-bottom-color: #FFF; border-bottom-width: 1px; border-bottom-style: solid; border-top-width: 1px; border-top-style: solid; border-top-color: #828282; }
.shopping_cart_box ._lump_sum .sum_th{ font-size: 13px; padding-right: 5px; color: #333; font-weight: normal;padding: 5px; }
.shopping_cart_box ._lump_sum .sum_td{ font-size: 18px; color: #F00; padding: 5px; }
.shopping_cart_box .shopping_cart_photo_box{ display: none; }

/*數量微調*/
.spinner {display:block;overflow:hidden;width:100px;}
.spinner .amount{width:36px;height:17px;padding:4px 5px;line-height:17px;border-width:1px 0;border-style:solid;border-color:#d9d9d9;float:left;text-align:center;color:#565656;outline:0;}
.spinner a{display:inline-block;width:25px;height:25px;border:1px solid #d9d9d9;background-color:#f7f7f7;float:left;cursor:pointer;outline:0;}
.spinner a i{font-style:normal;background:url(../../images/spinner_btn.png) no-repeat;display:block;width:9px;height:9px;margin:8px;text-indent:999999%;overflow:hidden;}
.spinner .decrease i{background-position:-9px -9px;}
.spinner .increase i{background-position:-9px -0px;}

/*運費*/
.shopping_cart_box .shipping_costs{ padding-top: 5px; padding-bottom: 5px; font-size: 16px; background-color: #F0F0F0; clear: both; float: left; width: 100%; text-align: right; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; }
.shopping_cart_box .shipping_costs .shipping_costs_th{ font-size: 13px; color: #666; padding: 0px; font-weight: normal; }
.shopping_cart_box .shipping_costs .shipping_costs_td{ font-size: 13px; color: #2169a7; padding: 5px; font-weight: bold; }

/*優惠價格*/
.shopping_cart_box .discounted_prices{ padding-top: 5px; padding-bottom: 5px; font-size: 16px; background-color: #F0F0F0; clear: both; float: left; width: 100%; text-align: right; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; }
.shopping_cart_box .discounted_prices .discounted_th{ font-size: 13px; color: #666; padding: 0px; font-weight: normal; margin: 0px; }
.shopping_cart_box .discounted_prices .discounted_td{ font-size: 13px; color: #C00; padding: 5px; font-weight: bold; margin: 0px; }

/*優惠說明*/
.shopping_cart_box .preferential_box{ padding-top: 5px; padding-bottom: 5px; font-size: 16px; background-color: #F0F0F0; clear: both; float: left; width: 100%; text-align: right; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; }
.shopping_cart_box .preferential_box .preferential_txt_th{ font-size: 13px; color: #666; padding: 0px; font-weight: normal; }
.shopping_cart_box .preferential_box .preferential_txt_td{ font-size: 13px; color: #666; padding: 5px; font-weight: normal; }

.black_style{ background-color: #F0F0F0; }
.white_style{ background-color: #E7E7E7; }

.shopping_cart_box span{ display: inline-block; float: left; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; }
.shopping_cart_box .wide_table_1{ width: 60px; }
.shopping_cart_box .wide_table_1 input{ float: right; }
.shopping_cart_box .wide_table_2{ width: 28%;border-left-style: none; }
.shopping_cart_box .wide_table_2_1{ width: 30%; border-left-style: none;}
.shopping_cart_box .wide_table_3{ width: 15%; }
.shopping_cart_box .wide_table_4{ width: 10%; }
.shopping_cart_box .wide_table_5{ width: 10%; }
.shopping_cart_box .wide_table_6{ width: 8%; }
.shopping_cart_box .wide_table_7{ width: 10%; }
.shopping_cart_box .wide_table_8{ width: 8%; }
.shopping_cart_box input.quantity{}
.shopping_cart_box select.style{}
.shopping_cart_box i._th_title{ display: none;  }
.shopping_cart_box ._td_title{ display: none; float: left; margin-right: 8px; font-weight: normal; }
@media screen and (max-width: 1680px){.shopping_cart_box .wide_table_2{ width: 26%;}}
@media screen and (max-width: 1366px){.shopping_cart_box .wide_table_2{ width: 24%;}}
@media screen and (max-width: 1280px){.shopping_cart_box .wide_table_2{ width: 22%;}}
@media screen and (max-width: 980px){.shopping_cart_box ._td_title{ display: inline; }}

/*結帳選擇會員*/
.shopping_cart_page .payment_box{ text-align: left; padding-top: 20px; padding-right: 2%; padding-bottom: 10px; padding-left: 2%; clear: left; float: left; width: 96%; font-size: 15px; line-height: normal; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; }
.shopping_cart_page .payment_th{ font-size: 13px; color: #666; padding: 5px; font-weight: normal; float: left; width: 80px; text-align: right; }
.shopping_cart_page .payment_td{ font-size: 13px; color: #F60; padding: 5px; font-weight: bold; float: left; }
.shopping_cart_page .login_box{ display: inline-block; clear: both; float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; }
.shopping_cart_page .form_username_box{ text-align: left; clear: both; float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; margin: 0px; padding: 0px; }
.shopping_cart_page .form_username_th{ font-size: 15px; color: #666; padding: 0px; font-weight: normal; float: left; text-align: left; display: inline; line-height: 30px; }
.shopping_cart_page .form_username_td{ font-size: 13px; color: #F60; padding: 5px; font-weight: bold; float: left; }
.shopping_cart_page .form_title{ color: #000; font-size: 18px; margin-bottom: 10px; font-weight: bold; }
.shopping_cart_page .payment_option{ float: left; margin-right: 5px; }
.shopping_cart_page .form_username_input{ width:250px; color:#666; font-size:15px; margin-right:8px; border:1px solid #CCC; padding:5px }
.shopping_cart_page .form_password_box{ text-align: left; clear: both; float: left; width: 100%; padding: 0px;border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; }
.shopping_cart_page .form_password_th{ font-size: 15px; color: #666; font-weight: normal; float: left; text-align: left; display: inline; line-height: 30px; }
.shopping_cart_page .form_password_td{ font-size: 13px; color: #F60; padding: 5px; font-weight: bold; float: left; }
.shopping_cart_page .form_password_input{width:250px;color:#666;font-size:15px;margin-right:8px;border:1px solid #CCC;padding:5px}
.shopping_cart_page .form_required_box{ color: #F00; line-height: normal; padding-right: 5px; padding-left: 5px; }
.shopping_cart_page .ps_txt{ padding: 0px; color: #F00; margin-top: 3px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; clear: both; }
.shopping_cart_page .password_link{ color: #F00; text-decoration: underline; }
.shopping_cart_page .fb_login_small{}

.update_quantity_page{ padding-top: 5px; padding-bottom: 5px; font-size: 16px; background-color: #F0F0F0; clear: both; float: left; width: 100%; text-align: right; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; }
.update_quantity_box{ clear: both; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 78%; float: left; }
.update_quantity_button{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; background-color: #666; 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; color: #FFF; padding-top: 6px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; font-size: 13px; margin: 0px; }
.update_quantity_button:hover{ background-color: #333; }
.update_quantity_button_s{ display: none; }

.shopping_cart_button_page{ text-align: right; padding: 0px; margin: 0px; clear: both; float: left; width: 100%; }
.shopping_cart_button_box{ padding: 5px; clear: both; float: right; margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; }
.shopping_cart_button_box input{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; background-color: #666; 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; color: #FFF; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; }
.shopping_cart_button_box input:hover{ background-color: #333; }
.shopping_cart_button_box .clear_button{}
.shopping_cart_button_box .go_button{}
.shopping_cart_button_box .update_button{}
.shopping_cart_button_box .checkout_button{ background-color: #F30; }

/*結帳選擇*/
.go_order_page{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; clear: both; width: 100%; background-color: #E3E3E3; float: left; margin: 0px; padding: 0px; border: 1px solid #CCC; }
.go_order_box{ width: 50%; clear: right; float: left; padding-top: 10px; padding-bottom: 20px; padding-right: 0%; padding-left: 0%; }
.go_order_box .checked_box{ float: left; width: 10%; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.go_order_box .txt_box{ float: left; width: 80%; }
.go_order_box p.title { color: #000; font-size: 18px; margin: 0px; padding-top: 10px; padding-right: 0em; padding-bottom: 0em; padding-left: 0em; }
.go_order_box p.title_sub { font-size: 15px; line-height: 1.5em; clear: both; padding: 0px; float: left; display: inline-block; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; color: #333; }
.go_order_box p.txt { font-size: 14px; line-height: 1.5em; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.go_order_box a.member_link{ color: #F00; text-decoration: underline; }

/*交易成功*/
.transaction_title{ font-size: 16px; font-weight: bold; margin-bottom: 15px; margin-top: 15px; }
.transaction_sub_title{ font-size: 15px; margin-bottom: 5px; }
.transaction_sub_title span.payment_method{ font-size: 15px; color: #069; }
.transaction_sub_title span.order_number{ font-size: 15px; color: #F60; }

@media screen and (max-width: 980px) {
.shopping_cart_box ._th{ padding: 0px; color: #FFF; margin: 0px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #FFF; border-bottom-color: #FFF; font-size: 15px; font-weight: normal; clear: both; float: left; width: 100%; display: none; }
.shopping_cart_box ._td{ padding: 0px; clear: both; float: left; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-bottom-style: none; }

.shopping_cart_box span{ display: block; float: left; text-align: left; border-left-width: 0px; border-left-style: none; border-left-color: #FFF; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; width: 98%; padding-top: 5px; padding-right: 1%; padding-bottom: 5px; padding-left: 1%; }
.shopping_cart_box .wide_table_1{ width: 98%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
.shopping_cart_box .wide_table_1 input{ float: left; }
.shopping_cart_box .wide_table_2{ width: 98%; }
.shopping_cart_box .wide_table_2_1{ width: 98%; }
.shopping_cart_box .wide_table_3{ width: 98%; }
.shopping_cart_box .wide_table_4{ width: 98%; }
.shopping_cart_box .wide_table_5{ width: 98%; }
.shopping_cart_box .wide_table_6{ width: 98%; }
.shopping_cart_box .wide_table_7{ width: 98%; }
.shopping_cart_box .wide_table_8{ width: 98%; }

.shopping_cart_box i._th_title{ display: inline; float: left; width: 40%; font-style: normal; color: #000; border-right-width: 1px; border-right-style: solid; border-right-color: #999; margin-right: 10px; }

.update_quantity_box{ clear: both; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 42%; float: left; }
.update_quantity_button_s{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; background-color: #666; 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; color: #FFF; padding-top: 3px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; font-size: 13px; display: inline; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; }
.update_quantity_button_s:hover{ background-color: #333; }

.shopping_cart_box ._lump_sum{text-align: left; border-top-width:0px;}
.image_box:hover div.image_bigger{ display: none; }
.shopping_cart_box .shopping_cart_photo_box{display: block;}
.shopping_cart_box .shopping_cart_photo_box img{ display: block; padding: 0px; clear: both; float: left; width: 80%; margin-top: 0px; margin-right: 10%; margin-bottom: 0px; margin-left: 10%; }
.shopping_cart_box .shipping_costs{ text-align: left; border-bottom-color: #ccc;}
.shopping_cart_box .discounted_prices{ text-align: left; border-bottom-color: #ccc;}
.shopping_cart_box .preferential_box{ text-align: left; border-bottom-color: #ccc; }
.shopping_cart_box .shipping_costs .shipping_costs_th,
.shopping_cart_box .discounted_prices .discounted_th,
.shopping_cart_box .preferential_box .preferential_txt_th{ padding-left: 5px; }
.shopping_cart_button_box{ padding: 5px; clear: both; float: left; margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; }

.go_order_box{ width: 100%; clear: right; float: left; padding-top: 10px; padding-bottom: 20px; padding-right: 0%; padding-left: 0%; }
.go_order_box .checked_box{ clear: both; float: left; width: 80%; padding-right: 10%; padding-left: 10%; margin: 0px; padding-top: 0px; padding-bottom: 0px; text-align: left; }
.go_order_box .txt_box{ clear: both; float: left; width: 80%; padding-right: 10%; padding-left: 10%; margin: 0px; padding-top: 0px; padding-bottom: 0px; }
}

/*內頁分享區塊*/
.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; }

/*產品詳細頁詢價按鈕*/
.detail_page{font-size: 15px!important;}
#products_page_box .detail_page .sub_productpic_box{font-size: 15px!important;}

.item_no,
.product_name,
.prod_cost_box,
.prod_sale_box,
.prod_qty_box,
.prod_select_box,
.discount_tooltip,
.b2c-description-box
{padding: 0px!important; margin: 0px!important; margin-bottom: 6px!important;line-height: 1.3!important;}

.productpic_info_box *{font-size: 15px!important;}

.sub_productpic_box .product_txt_box{width: auto!important;padding: 10px!important;display: block!important;}
.sub_productpic_box .product_txt_box *{font-size: 15px!important;}
.sub_productpic_box .product_txt_box .item_no{font-size: 14px!important;margin-bottom: 4px!important;}
.sub_productpic_box .product_txt_box .item_no a{font-size: 14px!important;}

.product_detail_box .product_specifications .name,
.product_detail_box .product_specifications .item,
.product_detail_box .product_specifications .description_title,
.product_detail_box .product_specifications .txt_box,
.product_detail_box .prod_cost_box,
.product_detail_box .prod_sale_box,
.product_detail_box .prod_qty_box,
.product_detail_box .prod_select_box
{padding: 0px!important; margin: 0px!important; margin-bottom: 8px!important;}
.product_detail_box hgroup.top,
.product_detail_box hgroup.center,
.product_detail_box hgroup.below{padding-top: 8px!important;padding-bottom: 8px!important;}

.product_detail_box .productpic_price_box div:last-child{ margin-bottom: 8px!important;}
.product_detail_box .prod_qty_number{ height: 30px!important;}
.product_detail_box .prod_select{ height: 32px!important;}
.product_detail_box .prod_select_box{margin-right: 8px!important;}

.prod_button{padding-bottom: 8px!important;display: flex;padding-top: 0px!important;}
.prod_button button,
.prod_button input{font-size: 15px!important;border-radius: 4px!important; padding:0px!important;border: 1px solid rgba(0, 0, 0, 0.15)!important;line-height: 2!important;}
.prod_button button:last-child{ margin-left: 8px!important;}
.productpic_form_box div:first-child{ margin-right: 8px!important;}

.wb-inquiry-btn-group .wb-inquiry-btn-add, 
.wb-inquiry-btn-group .wb-inquiry-btn-now{font-size: 15px!important;line-height: 2!important;border-color: rgba(0, 0, 0, 0.15)!important;min-height: auto!important;}
.wb-inquiry-btn-group .wb-inquiry-btn-add{border-radius: 4px 0px 0px 4px!important;padding:0 10px!important;}
.wb-inquiry-btn-group .wb-inquiry-btn-now{border-radius: 0px 4px 4px 0px!important;padding:0 10px 0 10px!important;}
.product_detail_box .wb-inquiry-btn-add{padding:0 12px!important;}

.wb-inquiry-btn-group .wb-inquiry-btn-add:before {content: '\f067'!important;width: 16px;display: block;font-family: "FontAwesome";font-weight: 100;}
.wb-inquiry-btn-group .wb-inquiry-btn-add.wb-inquiry-btn-add-added:before {content: '\f00c'!important;width: 16px;display: block;font-family: "FontAwesome";font-weight: 100;}

.product_detail_box .prod_button button,
.product_detail_box .prod_button input{ width: 100%!important;}
.product_detail_box .prod_button{padding-bottom: 0px!important; padding-top: 0px!important;width: 50%;}

.wb-inquiry-btn-group.wb-inquiry-btn-group-inline{display: flex!important; width: 50%;margin-bottom: 8px!important;}

.product_detail_box .product_specifications .prod_button input{line-height: 2.8!important;font-size: 16px!important;}
.product_detail_box .product_specifications .prod_button button{line-height: 2.8!important;font-size: 16px!important;}
.product_detail_box .product_specifications .wb-inquiry-btn-add
{
line-height: 2.8!important;
font-family: "FontAwesome";
vertical-align:bottom!important;
font-weight: lighter!important;
font-size: 16px!important;
}

.product_detail_box .product_specifications .wb-inquiry-btn-now{
line-height: 2.8!important;
padding:0px!important;
width: 100%!important;
font-size: 16px!important;
}

.wb-inquiry-btn-add{background-color: rgb(98,143,162)!important;border-color: rgba(0, 0, 0, 0.15)!important;}
.wb-inquiry-btn-now{background-color: rgb(98,143,162)!important;border-color: rgba(0, 0, 0, 0.15)!important;}
.wb-inquiry-btn-add:hover,.wb-inquiry-btn-add.wb-inquiry-btn-add-added{background-color: rgb(133,174,191)!important;} 
.wb-inquiry-btn-now:hover{background-color: rgb(54,108,130)!important;}

@media screen and (max-width: 736px){
.product_detail_box .prod_button{width: 100%;}
.wb-inquiry-btn-group.wb-inquiry-btn-group-inline{width: 100%;}
}