@charset "utf-8";
/* CSS Document */

/*頁腳*/
.footer_page{ position: relative; display: block; clear: both; width: 100%; float: left; background-color: #2b2b2b; ; margin: 0px; padding-top: 30px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; z-index: 1; background-image: url(../files/footer_bg.png); background-repeat: no-repeat; background-position: center top; border-top-width: 3px; border-top-style: solid; border-top-color: #097c25; }
.footer_box{ display: block; clear: both; float: left; width: 80%; margin-right: 10%; margin-left: 10%; padding-bottom: 40px; }
.footer_icon_page{ width: 100%; float: left; margin-left: 2%;  }
.footer_icon_page i{ font-size: 36px; color: #999; }
.footer_nav_page{ clear: both; float: left; width: 100%; padding-top: 15px; padding-bottom: 15px; }
.footer_nav_box{}
ul.footer_nav{ list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; clear: both; }
ul.footer_nav li{ padding: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #898989; }
ul.footer_nav li a{ color: #FFF; font-size: 12px; }
ul.footer_nav li a strong{ color: #FFF; font-size: 16px; margin-right: 8px; font-weight: normal; }
ul.footer_nav li a i{  padding-right: 10px;font-size: 16px; }

.footer_nav_box .address_page{ width: 100%; float: left; }
.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: #FFF; line-height: 32px; width: 100%; padding: 0px; clear: both; display: block; float: left; font-weight: normal; margin-top: 2px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
.footer_nav_box .address li a, 
.footer_nav_box .address li a:link, 
.footer_nav_box .address li a:visited { color: #FFF; font-weight: normal; margin: 0px; padding: 0px; }
.footer_nav_box .address li a:hover { color: #FFF; }
.footer_nav_box .address li strong { color: #666; white-space: nowrap; display: block; float: left; font-weight: normal; background-repeat: no-repeat; }
.footer_nav_box .address li strong.address_title{ background-image: url(../images/location-icon.png); text-indent: -9000px; height: 32px; width: 32px; float: left; }
.footer_nav_box .address li strong.address_tel_title { background-image: url(../images/phone-icon.png); text-indent: -9000px; height: 32px; width: 32px; float: left;}
.footer_nav_box .address li strong.address_fax_title { background-image: url(../images/print-icon.png); text-indent: -9000px; height: 32px; width: 32px; float: left;}
.footer_nav_box .address li strong.address_email_title { background-image: url(../images/email-icon.png); text-indent: -9000px; height: 32px; width: 32px; float: left; margin-right: 5px; }
.footer_nav_box .address li .address_txt_box { color: #FFF; padding-right: 5px; padding-left: 40px; line-height: 1.6em; padding-top: 5px; }
.footer_nav_box .address li .address_tel_box { color: #FFF; padding-right: 5px; padding-left: 40px; line-height: 1.6em; padding-top: 5px; }
.footer_nav_box .address li .address_fax_box { color: #FFF; padding-right: 5px; padding-left: 40px; line-height: 1.6em; padding-top: 5px; }
.footer_nav_box .address li a.address_email_box{ color: #FFF; padding-right: 5px; padding-left: 5px; line-height: 1.6em; padding-top: 5px; }
.footer_nav_box .address li .address_cmpanyname_title{ font-size: 18px; color: #FFF; }
.footer_copyright_page{ background-color: #151515; clear: both; float: left; width: 100%; }
.footer_copyright_box{ width: 80%; margin-right: 10%; margin-left: 10%; text-align: center; padding-top: 20px; padding-bottom: 20px; }

.footer_logo{ width: 250px;max-width: 100%; }

/*頁尾最新消息區*/
.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: 100%; clear: both; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; margin: 0px; float: left; }
.home_news_box ul{ margin: 0px; list-style:none; border:none; width: 100%; float: left; display: block; padding: 0px; clear: both; position: relative; }
.home_news_box ul a{ }
.home_news_box li{  /*border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC;width: 25%;*/ float: left; display: block; clear: both; width: 100%; margin-bottom: 8px; }
.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: 0px; padding-bottom: 0px; width: 100%; clear: both; margin-right: auto; margin-left: auto;  }
.home_news_one_box .photo_box{ display: block; float: left; width: 15%; overflow: hidden; }
.home_news_one_box .photo_box img{ background-color: #FFF; height: auto; width: 100%; margin-top: 3px; }
.home_news_one_box .txt_box{ float: left; display: block; width: 83%; margin-top: 0px; margin-right: 0%; margin-bottom: 5px; margin-left: 2%; padding: 0px; }
.home_news_one_box .title{ padding-right: 3px; color: #FFF; font-size: 15px; 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: #FFF; }
.home_news_one_box .title a:hover { color: #00a1e9; }
.home_news_one_box .txt{ padding-right: 3px; padding-left: 0px; color: #CCC; font-size: 13px; line-height: 1.3em; margin-top: 0px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px; }
.home_news_one_box .date{ padding-right: 3px; padding-left: 0px; color: #999; font-size: 11px; line-height: 1.3em; }
.home_news_one_box .date:before{ content:"\f017"; font-family: FontAwesome; color: #999; margin-right: 5px; font-size: 11px; font-weight: normal; }

/*頁尾與我們聯絡*/
.home_contact_box_0{ width: 95%; clear: both; display: block; float: left; margin: 0px; padding: 0px; }
.home_contact_box_0 .content_box{ padding-top: 0px; padding-bottom: 0px; line-height: normal; width: 100%; display: block; clear: both; float: left; position: relative; z-index: 10; }
.home_contact_box_0 .title_box{ float: left; display: block; padding-top: 8px; line-height: normal; clear: both; width: 100%; text-align: left; padding-bottom: 8px; position: relative; }
.home_contact_box_0 .title_box strong{ text-transform: uppercase; font-size: 18px; color: #FFF; display: block; }
.home_contact_box_0 .title_box span{ font-size: 13px; 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_contact_box_0 .contact_txt_box{ width: 100%; color: #333; text-align: left; clear: both; float: left; font-size: 15px; line-height: 1.68em; padding: 0px; margin: 0px; }
.home_contact_box_0 .contact_txt_box .form-control{ margin-bottom: 10px; }
.home_contact_box_0 .all_more_page{ position: relative; float: right; }
.home_contact_box_0 .all_more_page .btn { color: #000; font-size: 13px; }
.home_contact_box_0 .all_more_page .btn:hover { color: #FFF; }

.home_contact_box_0 p{ margin: 0px; padding: 0px; font-size: 15px; }

.home_contact_box_0.black .title_box strong{ color: #0a4ea1;  }
.home_contact_box_0.black .all_more_page .btn { color: #FFF; font-size: 13px; background-color: #0a4ea1; }
.home_contact_box_0.black .all_more_page .btn:hover { color: #FFF; }

.footer_page .title_box{ float: left; display: block; padding-top: 8px; line-height: normal; clear: both; width: 100%; text-align: left; padding-bottom: 8px; position: relative; }
.footer_page .title_box strong{ text-transform: uppercase; font-size: 18px; color: #FFF; display: block; }
.footer_page .title_box span{ font-size: 13px; color: rgba(255,255,255,0.66); border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; font-weight: 100; margin-right: 10px; margin-left: 10px; padding-right: 10px; padding-left: 10px; line-height: normal; display: inline; }

.footer_logo_page{ clear: both; }
.footer_logo_page p.footer_logo_txt{ font-size: 13px; line-height: 26px; padding-top: 0px; padding-bottom:0px; }
.footer_logo_page ul.footer_txt_list{ border-top-width: 1px; border-top-style: solid; border-top-color: #898989; margin: 0px; padding: 0px; }
.footer_logo_page ul.footer_txt_list li{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #898989; list-style-image: none; list-style-type: none; display: block; margin: 0px; clear: both; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
.footer_logo_page ul.footer_txt_list li a{color: #FFF;}
.footer_logo_page .footer_icon_box{}
.footer_logo_page .footer_icon_box img{ margin-right: 8px; margin-top: 8px; }


.footer_icon_page{ width: 100%; float: left;margin-left: 0%; margin-right: 0%; }
.footer_icon_page i{ font-size: 36px; color: #999; }
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: 0px; margin-bottom: 0px; margin-left: 5%; }
ul.footer_icon_box li.footer_icon h3{ padding-bottom: 8px; color: #FFF; padding-top: 0px; padding-right: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; font-size: 16px; text-align: left; display: inline-block; position: relative; }
ul.footer_icon_box li.footer_icon h3 a{ color: #FFF; }

ul.footer_icon_box li.footer_icon h3::before { content: ""; display: block; width: 100%; height: 2px; background-color: #F90; top:25px; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; position: absolute; }

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: #FFF; line-height: 1.68em; float: left; margin: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 8px; font-size: 15px; }
ul.footer_icon_box li.footer_icon ul li:before { content:"\f105"; font-family: FontAwesome; font-size: 13px; font-weight: 400; color: #FFF; float: left; left: 0px; position: absolute; top: 6px; }