@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1680px){
/*手機選單*/
.header{ display: none; }
.page2{ display: none; }
.company_box,
#navigation_box,
.home_news_box,
.home_product_box,
.home_banner_box{ width: 100%;margin-right: 0%; margin-left: 0%; }
#sub_right_box{ width: 79%; float: right; margin-left: -300px; margin-left: 0%;}
.company_box h2 font{ font-size: 18px;}
.top_navigation_box{ width: 90%; display: block; margin-right: 5%; margin-left: 5%; clear: both; float: left; }
.top_navigation_left_box{ float: left; width: 40%;  }
.top_navigation_right_box{ float: right; width: 60%;  }
.top_icon_box { width: 90%;margin-right: 5%;margin-left: 5%; }
.home_login_page{ width: 300px; left: 5%; }
.company_box .logopic img { height: 60px; width: auto; }
.advertising_txt_box{ width: 90%; margin-right: auto; margin-left: auto; clear: both; }
#footer .footer_nav_box{  width: 90%;  }
/*大圖文字第一組*/
.advertising_txt_box h2.title{ font-size: 28px; }
.advertising_txt_box p.txt{font-size: 13px;line-height: 1.58em; }
.advertising_txt_page.ae_01{ margin-bottom: 100px; }
.advertising_txt_page.ae_02{ margin-bottom: 100px; }
.advertising_txt_page.ae_03{ margin-bottom: 100px; }
.advertising_txt_page.ae_04{ margin-bottom: 100px; }

.home_news_page,
.home_about_box_2,
.home_product_page,
.home_about_page,
.home_banner_page{ width: 90%; margin-right: 5%; margin-left: 5%; }
#sub_content_box{ width: 90%; margin-right: 5%; margin-left: 5%; }
.group_t .tabs_2{ width: 90%; margin-right: 5%; margin-left: 5%; }
.gallery-1-box{ width: 90%;  margin-right: 5%; margin-left: 5%; }

}
@media screen and (max-width: 1580px){#sub_right_box{ width: 78%; float: right; margin-left: 0%; }}
@media screen and (max-width: 1480px){#sub_right_box{ width: 77%; float: right; margin-left: 0%; }}
@media screen and (max-width: 1380px){#sub_right_box{ width: 75%; float: right; margin-left: 0%; }}
@media screen and (max-width: 1360px){#sub_right_box{ width: 77%; float: right; margin-left: 0%; }}
@media screen and (max-width: 1280px){
/*手機選單*/
.header{ display: none; }
.page2{ display: none; }
div.ezmodal-container{ width: 70%!important; }
#sub_right_box{ width: 75%; float: right; margin-left: 0%; }
.top_icon_box { width: 90%;margin-right: 5%;margin-left: 5%; }
.sub_advertising_box{ width: 90%; margin-right: 5%; margin-left: 5%; }
#sub_content_box{ width: 90%; margin-right: 5%; margin-left: 5%; }
.home_left_box{ width: 100%; margin-right: 0%; clear: both; float: none;}
.home_right_box{ width: 100%; margin-left: 0%; clear: both; float: none;}
.home_login_page{ width: 300px; left: 5%; }

/*大圖文字第一組*/
.advertising_txt_box h2.title{ font-size: 26px; }
.advertising_txt_box p.txt{font-size: 12px;line-height: 1.38em; }
.advertising_txt_page.ae_01{ margin-bottom: 40px; }
.advertising_txt_page.ae_02{ margin-bottom: 40px; }
.advertising_txt_page.ae_03{ margin-bottom: 40px; }
.advertising_txt_page.ae_04{ margin-bottom: 40px; }

.btn__lg { border: 2px solid rgba(255, 255, 255, 0.2); font-size: 15px; padding-top: 7px; padding-right: 5px; padding-bottom: 8px; padding-left: 5px; }

.top_navigation_left_box{ float: left; width: 40%;  }
.top_navigation_right_box{ float: right; width: 60%;  }

.company_box .logopic img { height: 55px; width: auto; }
.company_box h2 font{ font-size: 15px; display: none;}
	}
@media screen and (max-width: 1180px){#sub_right_box{ width: 73.5%; float: right; margin-left: 0%; }}
@media screen and (max-width: 1130px){#sub_right_box{ width: 72%; float: right; margin-left: 0%; }}
@media screen and (max-width: 1080px){#sub_right_box{ width: 70%; float: right; margin-left: 0%; }}
@media screen and (max-width: 980px){
/*手機選單*/
.header{ display: block; }
.page2{ display: block!important; }
.navigation_box{ display: none; }
.search_page{ display: none; }
#topmenuicon .topmenuicon_home{ display: none; }
#topmenuicon li a, 
#topmenuicon li a:link, 
#topmenuicon li a:visited{ display: none; }
#topmenuicon li a.system_login{ display: block!important; }
.c-mega-menu-onepage-dots{display: none; }
#topmenuicon .topmenuicon_contact{ display: none; }
.home_login_page{ top: 100px;display: none;  }
div.ezmodal-container{ width: 80%!important; }
.top_text_messages{ display: none; }
#sub_content_page{ width: 90%; margin-right: 5%; margin-left: 5%; }
.top_navigation_right_box{ display: none;  }
.top_icon_box { width: 98%;margin-right: 1%;margin-left: 1%; }
/*大圖文字第一組*/
.advertising_txt_box h2.title{ font-size: 22px; }
.advertising_txt_box p.txt{font-size: 12px;line-height: 1.28em; }
.advertising_txt_page.ae_01{ margin-bottom: 40px; }
.advertising_txt_page.ae_02{ margin-bottom: 40px; }
.advertising_txt_page.ae_03{ margin-bottom: 40px; }
.advertising_txt_page.ae_04{ margin-bottom: 40px; }

.home_photo_show_box .groups .home_photo_show_one { width: 100%; float: left; overflow: hidden; position: relative; }

.btn__lg { border: 2px solid rgba(255, 255, 255, 0.2); font-size: 13px; padding-top: 7px; padding-right: 5px; padding-bottom: 8px; padding-left: 5px; }
.btn__lg:before { right: 10px; font-size: 16px; top: 4px; }
.btn__lg:after { width: 26px; height: 26px; right: 3px; top: 3px; }

.flex-control-nav {bottom: 10px;}
.flex-control-paging li a {width: 10px;height: 10px;}

.flex-direction-nav a { width: 22px; height: 22px;margin: 0px 0 0;}
.flex-direction-nav a:before {font-size: 20px;}  
.flex-direction-nav .flex-prev {line-height: 20px;}
.flex-direction-nav .flex-next {line-height: 20px;}

.top_navigation_box{ width: 100%; margin: 0px; padding: 0px; }
.home_content_page{ width: 100%; margin-right: 0%; margin-left: 0%; }
.advertising_main_box{ width: 100%; margin: 0px; padding: 0px; }
.sub_advertising_box{ width: 100%; margin: 0px; padding: 0px; }

#sub_content_box{ width: 100%; margin-right: 0%; margin-left: 0%; }
#sub_left_box{ display: none; }
#sub_right_box{ width: 98%; margin-right: 1%; margin-left: 1%; }
#footer .footer_nav_page{ width: 96%; margin-right: 2%; margin-left: 2%;}

#products_page_box .product_hgroup_box li{ float: left; width: 50%; }
.product_detail_box .photo_group_box{ width: 100%; float: left; margin: 0px; padding: 0px; }
.product_style1{ width: 100%;}

.form_tr .input_box{ width: 100%; clear: both; float: left; }
.form_tr .label_box{ width: 100%; clear: both; float: left; }
.form_tr .input_box .input_200{ width: 90%;}
.form_tr .input_box .input_180{ width: 90%;}
.form_tr .input_box .textarea1 { width: 90%;}

.top_navigation_left_box{ float: left; width: 100%; text-align: center;margin-left: 0%; }

.company_page{ width: 100%; clear: none; float: none; }
.company_page .company_box{ clear: both; margin-bottom: 0px; }
.company_box .logopic{ clear: none; float: none; }
.company_box .logopic a{ clear: none; float: none; }
.company_box .logopic img { clear: none; float: none; margin-right: auto; margin-left: auto; width: 250px; height: auto; }
.company_box h2{ text-align: center; clear: none; float: none; line-height: normal; margin: 0px; padding: 0px;  }
.company_box h2 font{ text-align: center; line-height: normal; font-size: 15px; }

.top_header_page{ width: 100%;clear: both; float: left;  }

.nivo-controlNav {  margin-top: -20px;  }
.nivo-controlNav a { width:12px; height:12px;}
.MagicZoomBigImageCont{ display: none!important;  }
.MagicZoomPup { display: none!important;}

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

.footer_nav_box .footer_icon_page{ width: 100%; float: left; }
.footer_nav_box .address_page{ width: 100%; float: left; border-left-width: 0px; border-left-style: solid; border-left-color: #FFF; padding-left: 0%; margin-top: 20px; }

/*預設輪播左右按鈕*/
.owl-theme .owl-controls .owl-nav .owl-prev{ opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=3); left:0px; top: 35%; background-image: url(../images/owl-prev.png); height: 45px; width: 28px; margin: 0px; padding: 0px; background-color: transparent; }
.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:0px; top: 35%; background-image: url(../images/owl-next.png); height: 45px; width: 28px; margin: 0px; padding: 0px; background-color: transparent; }
.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);}

.bg-corel-01 { background-color: #FFF !important; }
.bg-corel-02 { background-color: #E7E7E7 !important; }
.bg-corel-03 { background-color: #E7E7E7 !important; }
.bg-corel-04 { background-color: #FFF !important; }

.columns-2{ clear: both; }

/*登入*/
#login_form_popup .modal-dialog { top: 50%; width: 80%; position: fixed; background-color: #638c0b; padding: 10px; margin-top: -150px; margin-right: 10%; margin-bottom: 0px; margin-left: 10%; border: 1px solid #567A0A; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; left: auto; }
#login_form_popup .modal-title  strong{ font-size: 15px; }
#login_form_popup .modal-header{padding:5px; }
#login_form_popup .modal-footer { padding-top: 10px; padding-right: 0px; padding-bottom: 5px; padding-left: 5px; }
#login_form_popup .close { top: 0px; right: 0px;  } 

.home_about_box_0{width: 90%; margin-right: 5%; margin-left: 5%; padding-top: 10px; padding-bottom: 10px;}
.white_page .home_about_box_0 .title_box strong{ font-size: 24px;}
.white_page .home_about_box_0 .about_txt_box{ width: 90%; margin-top: 10px; margin-right: 5%; margin-bottom: 10px; margin-left: 5%; font-size: 15px; line-height: 1.5em; }

.black_page .home_about_box_0 .title_box strong{ font-size: 24px;}
.black_page .home_about_box_0 .about_txt_box{ width: 90%; margin-top: 10px; margin-right: 5%; margin-bottom: 10px; margin-left: 5%; font-size: 15px; line-height: 1.5em; }

.home_about_box{ width: 90%; margin-right: 5%; margin-left: 5%; margin-top: 28px; margin-bottom: 28px;}

.home_product_page .title_more_page{ display: none; }
.page_title_box{  padding-top: 8px; width: 90%;  padding-bottom: 8px;  margin-right: 5%; margin-left: 5%; margin-top: 40px; margin-bottom: 30px;  }
.page_title_box strong{  font-size: 24px; color: #5A810A;  line-height: 1.68em; }
.page_title_box span{ font-size: 15px;line-height: 1.48em; } 

.c-main-title_1{ font-size: 22px;  font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); margin-top: -30px; line-height: 28px;}
.c-sub-title_1{ font-size: 15px; text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); line-height: 24px; margin-top: 30px;}

.c-main-title_2{ font-size: 22px;  font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); margin-top: -30px; line-height: 28px;}
.c-sub-title_2{ font-size: 15px; text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); line-height: 24px; margin-top: 30px;}

.c-main-title_3{ font-size: 22px;  font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); margin-top: -30px; line-height: 28px;}
.c-sub-title_4{ font-size: 15px; text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); line-height: 24px; margin-top: 30px;}

.c-main-title_4{ font-size: 22px;  font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); margin-top: -30px; line-height: 28px;}
.c-sub-title_4{ font-size: 15px; text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); line-height: 24px; margin-top: 30px;}
.c-action-btn.btn{ font-size: 13px!important; padding: 10px!important; margin-top: 20px!important;  }
	}
@media screen and (max-width: 736px){
/*手機選單*/
.header{ display: block; }
.page2{ display: block!important; }
.navigation_box{ display: none; }
.advertising_txt_page{ display: none!important; }
.advertising_txt_page.ae_01{ display: none; }
#sub_left_box{ display: none; }
#sub_right_box{ width: 96%;margin-right: 2%; margin-left: 2%;  }

.home_productpic_box{ width: 100%; margin-right: auto; margin-left: auto; }
.home_news_box ul{width: 100%;}
.home_news_box li{width: 100%;}
.home_about_box figure{width: 100%;}

.home_about_box .about_photo_box{ float: left; width: 100%;}
.home_about_box .about_txt_box{ width: 100%; float: left; clear: both; padding-top: 10px; margin-left: 0%; }

.home_news_one_box .photo_box{ width: 100%;clear: both; }
.home_news_one_box .txt_box{ width: 100%; clear: both; margin: 0px; padding-top: 10px; padding-bottom: 10px; }

.home_banner_one_box { width: 90%; clear: both; float: left; display: block; margin: 0px; padding: 0px; }


.company_page{ width: 100%; clear: none; float: none; }
.company_page .company_box{ clear: both; margin-bottom: 0px; }
.company_box .logopic{ clear: none; float: none; }
.company_box .logopic a{ clear: none; float: none; }
.company_box .logopic img { clear: none; float: none; margin-right: auto; margin-left: auto; width: 250px; height: auto; }
.company_box h2{ text-align: center; clear: none; float: none; line-height: normal; margin: 0px; padding: 0px;  }
.company_box h2 font{ text-align: center; line-height: normal; font-size: 15px; }

.clearbox_photo_box{ float: left; clear: both; width: 100%; margin: 0px; padding: 0px; }
.clearbox_photo_box figure{ width: 100%; height: auto; margin: 0px; clear: both; float: left; padding: 0px; }
.clearbox_photo_box figure img{ width: 100%; height: auto; padding: 0px; clear: both; float: left; margin: 0px; }

.form_tr .input_box{ width: 100%; clear: both; float: left; }
.form_tr .label_box{ width: 100%; clear: both; float: left; }
.form_tr .input_box .input_200{ width: 90%;}
.form_tr .input_box .input_180{ width: 90%;}
.form_tr .input_box .textarea1 { width: 90%;}

.faq_list_box .txt_box{ clear: both; float: left; margin: 0px; }
.page_icon_list li { display: block; float: left; margin-bottom: 10px; }
#trans_lang #content {width: 280px;}
#trans_lang #top { width: 280px;}
#trans_lang #languages{width: 105px;}
#trans_lang #down { width: 280px;}
.top_header_page{ width: 100%;clear: both; float: left;  }

.nivo-controlNav {  margin-top: -20px;  }
.nivo-controlNav a { width:10px; height:10px;}

.home_banner_box li{ width: 100%; float: left; clear: both; margin-bottom: 20px; }
.home_banner_one_box { width: 100%; clear: both; margin-right: auto; margin-left: auto; background-color: #333; }

ul.footer_icon_box li.footer_icon{ float: left; width: 100%; display: block; padding: 0px; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
/*====================== toTop =========================*/
.toTop {  width: 30px; height: 30px; right: 10px; bottom: 10px; line-height: 30px;  font-size: 20px; }


.c-main-title_1{ font-size: 20px;  font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); margin-top: -35px;line-height: 28px; }
.c-sub-title_1{ font-size: 8px;  text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6);line-height: 20px;margin-top: 25px; }

.c-main-title_2{ font-size: 20px;  font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); margin-top: -35px;line-height: 28px; }
.c-sub-title_2{ font-size: 8px;  text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6);line-height: 20px;margin-top: 25px; }

.c-main-title_3{ font-size: 20px;  font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); margin-top: -35px;line-height: 28px; }
.c-sub-title_3{ font-size: 8px;  text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6);line-height: 20px;margin-top: 25px; }

.c-main-title_4{ font-size: 20px;  font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); margin-top: -35px;line-height: 28px; }
.c-sub-title_4{ font-size: 8px;  text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6);line-height: 20px;margin-top: 25px; }

a.c-action-btn.btn{ font-size: 8px!important; padding: 10px!important; margin-top: 40px!important; }

.page_title_box{  padding-top: 8px; width: 90%;  padding-bottom: 8px;  margin-right: 5%; margin-left: 5%; margin-top: 30px; margin-bottom: 20px;  }
.page_title_box strong{  font-size: 24px; color: #5A810A;  line-height: 1.68em; }
.page_title_box span{ font-size: 15px;line-height: 1.48em; } 
	}
@media screen and (max-width: 480px){
/*手機選單*/
.header{ display: block; }
.page2{ display: block!important; }
.navigation_box{ display: none; }
.advertising_txt_page{ display: none; }
#sub_left_box{ display: none;  }
#sub_right_box{ width: 96%;margin-right: 2%; margin-left: 2%;  }

.company_page{ width: 100%; clear: none; float: none; }
.company_page .company_box{ clear: both; margin-bottom: 0px; }
.company_box .logopic{ clear: none; float: none; }
.company_box .logopic a{ clear: none; float: none;  }
.company_box .logopic img { clear: none; float: none; margin-right: auto; margin-left: auto;width: 250px; height: auto; }
.company_box h2{ text-align: center; clear: none; float: none; line-height: normal; margin: 0px; padding: 0px;  }
.company_box h2 font{ text-align: center; line-height: normal; font-size: 15px; }

.clearbox_photo_box{ float: left; clear: both; width: 100%;  margin: 0px; padding: 0px; }
.clearbox_photo_box figure{ width: 100%; height: auto; margin: 0px; clear: both; float: left; padding: 0px; }
.clearbox_photo_box figure img{ width: 100%; height: auto; margin: 0px; padding: 0px; clear: both; float: left; }
.sub_productpic_box .input_add .input_add_checkbox{  }
.sub_productpic_box .input_add a,
.sub_productpic_box .input_add a:link,
.sub_productpic_box .input_add a:visited{ font-size: 11px; white-space: nowrap; }

.top_header_page{width: 100%; clear: both; float: left;  }

.nivo-controlNav {  margin-top: -20px;  }
.nivo-controlNav a { width:10px; height:10px;}

.home_product_page{ width: 90%;margin-right: 5%; margin-left: 5%; }
.home_about_page{ width: 90%;margin-right: 5%; margin-left: 5%; }
.home_4_1_box{ width: 100%; display: block; float: left; margin-right:0%; }
.home_4_2_box{ width: 100%; display: block; float: left; margin-right: 0%; margin-left: 0%; }
.home_4_3_box{ width: 100%; display: block; float: left; margin-right: 0%; margin-left: 0%; }
.home_4_4_box{ width: 100%; display: block; float: left; margin-left: 0%; }

/*====================== toTop =========================*/
.toTop {  width: 30px; height: 30px; right: 10px; bottom: 10px; line-height: 30px;  font-size: 20px; }

.home_photo_show_box .groups .home_photo_show_one { width: 100%;   }
.groups .home_photo_show_one .home_photo_show_txt { width: 100%;  }
.groups .home_photo_show_one .home_photo_show_image { display: none; }
.groups  img{ width: 80%; margin-right: 10%; margin-left: 10%; clear: both; float: left; display: block; }

.c-main-title_1{ font-size: 13px; font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); margin-top: -30px; line-height: 18px; }
.c-sub-title_1{ font-size: 8px;  text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6);line-height: 24px;margin-top: 18px;line-height: 16px;}

.c-main-title_2{ font-size: 13px; font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); margin-top: -30px; line-height: 18px; }
.c-sub-title_2{ font-size: 8px;  text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6);line-height: 24px;margin-top: 18px;line-height: 16px;}

.c-main-title_3{ font-size: 13px; font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); margin-top: -30px; line-height: 18px; }
.c-sub-title_3{ font-size: 8px;  text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6);line-height: 24px;margin-top: 18px;line-height: 16px;}

.c-main-title_4{ font-size: 13px; font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); margin-top: -30px; line-height: 18px; }
.c-sub-title_4{ font-size: 8px;  text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,0.6);line-height: 24px;margin-top: 18px;line-height: 16px;}





}
	

@media screen and (max-width: 320px){
.home_photo_show_box .groups .home_photo_show_one { width: 100%;   }
.groups .home_photo_show_one .home_photo_show_txt { width: 100%;  }
.groups .home_photo_show_one .home_photo_show_image { display: none; }
.groups  img{ width: 80%; margin-right: 10%; margin-left: 10%; clear: both; float: left; display: block; }

}