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

@media screen and (max-width: 1680px){
/*手機選單*/
.header{ display: none; }
.page2{ display: none; }
#sub_content_box,
.company_box,
#navigation_box,
.home_about_box,
.home_news_box,
.home_product_box,
.home_banner_box,
#footer .footer_nav_box,
.top_navigation_box{ width: 94%; }
#sub_right_box{ width: 82%; float: right; margin-left: -300px; margin-left: 0%;}
.company_box h2 font{  font-size: 15px; }
.top_navigation_left_box{ float: left; width: 30%;  }
.top_navigation_right_box{ float: right; width: 70%;  }

.nivo-controlNav {  margin-top: -60px;  }
	}
@media screen and (max-width: 1580px){#sub_right_box{ width: 80%; float: right; margin-left: 0%; }}
@media screen and (max-width: 1480px){#sub_right_box{ width: 79%; float: right; margin-left: 0%; }}
@media screen and (max-width: 1380px){#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; }
.advertising_main_box .advertising_txt_box{ width: 88%;}
#sub_right_box{ width: 75%; float: right; margin-left: 0%; }
.advertising_main_box .advertising_txt_box h2.title{  font-size: 28px;}
.advertising_main_box .advertising_txt_box p.txt{ font-size: 13px; line-height: 1.3em; width: 70%; }

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

	}
@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%; }.company_box .logopic img{ width: auto!important; height: 60px; margin-top: 10px; }}
@media screen and (max-width: 980px){
.columns-2{ clear: both; }
/*手機選單*/
.header{ display: block; }
.page2{ display: block!important; }
#navigation_page{ display: none; }
.search_page{ display: none; }
#topmenuicon{ display: none; }
div.ezmodal-container{ width: 80%!important;  }
.advertising_main_box .advertising_txt_box h2.title{  font-size: 24px;}
.advertising_main_box .advertising_txt_box p.txt{ font-size: 13px; line-height: 1.3em; width: 70%; }

.nivo-directionNav a{ display: none;!important; }
.nivo-directionNav{ display: none;!important; }
.nivoSlider:hover .nivo-directionNav a { display: none;!important; }
.nivoSlider a.nivo-nextNav { display: none;!important; }
.nivoSlider a.nivo-prevNav { display: none;!important; }

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

#sub_content_box{ width: 95%;  }
#sub_left_box{ display: none; }
#sub_right_box{ 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; text-align: 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; }

.company_page{ width: 100%; clear: none; float: none; position: relative; top: 0px;}
.company_page .company_box{ clear: both; margin-bottom: 8px; }
.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: auto!important; height: 60px; margin-top: 0px; }
.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; position: relative; }

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


.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; }
	}
@media screen and (max-width: 736px){
/*手機選單*/
.header{ display: block; }
.page2{ display: block!important; }
#navigation_page{ display: none; }
.advertising_txt_page{ display: none; }
#sub_left_box{ display: none; }
#sub_right_box{ width: 96%;margin-right: 2%; margin-left: 2%;  }

.home_productpic_box{ width: 98%; 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_txt_box{ width: 100%; float: left; padding: 0%; clear: both; }

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

#topmenuicon{ display: none; }

.company_page{ top: 8px;width: 100%; clear: none; float: none; }
.company_page .company_box{ clear: both; margin-bottom: 8px; }
.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; }
.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%; }
.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; }

.form_tr .input_box{ width: 100%; clear: both; float: left; }
.form_tr .label_box{ width: 100%; clear: both; float: left; text-align: 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; position: relative; }

.nivo-controlNav {  margin-top: -30px;  }
.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;}

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; }
	}
@media screen and (max-width: 480px){
/*手機選單*/
.header{ display: block; }
.page2{ display: block!important; }
#navigation_page{ 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{ margin-top: 2%; top: auto; }
.company_page .company_box{}
.company_page .company_box .logopic { clear: none; float: left; width: auto; margin: 0px; padding: 0px; height: auto; }
.company_page .company_box .logopic img{ float: left; clear: none; display: block; padding: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; }
.company_page .company_box h2 { clear: none; float: left; height: auto; display: inline; margin: 0px; padding: 0px; width: auto; }
.company_page .company_box h2 font{ text-align: left; line-height: 2em;font-size: 18px; }

.clearbox_photo_box{ float: left; clear: both; width: 100%; }
.clearbox_photo_box figure{ width: 100%; height: auto; margin: 0px; clear: both; float: left; padding: 0px; }
.clearbox_photo_box figure img{ 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; position: relative; }

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

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

	}