@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1680px){
/*手機選單*/
.header{ display: none; }
.page2{ display: none; }
.company_box{ width: 100%; }
.company_box .logopic img { height: 60px; width: auto;  }
.c-page-on-scroll .logopic img{ height: 60px;}

.top_navigation_box{ width: 90%; display: block; margin-right: 5%; margin-left: 5%; clear: both; float: left; }
.top_navigation_left_box{ float: left; width: 30%;  }
.top_navigation_right_box{ float: right; width: 70%;  }
.top_icon_box { width: 90%;margin-right: 5%;margin-left: 5%; }
.footer_box{ width: 90%; margin-right: 5%; margin-left: 5%; }
#sub_content_box{ width: 90%; margin-right: 5%; margin-left: 5%; }
.sub_left_box{ width: 77%;}
.tp-bullets{ width: 90%; margin-right: 5%; margin-left: 5%;}
}
@media screen and (max-width: 1580px){.sub_left_box{ width: 76%;}}
@media screen and (max-width: 1480px){.sub_left_box{ width: 74%;}}
@media screen and (max-width: 1380px){.sub_left_box{ width: 72%;}}
@media screen and (max-width: 1280px){
/*手機選單*/
.header{ display: none; }
.page2{ display: none; }
.company_box .logopic .logo_link{}
.company_box .logopic .logo_link{ height: 60px;   }
.company_box .logopic .logo_link img { height: 60px;   }
.company_box .logopic strong{ font-size: 20px;line-height: 22px; margin-top: 8px;  }
.company_box .logopic strong span{ font-size: 14px; clear: both; display: block; }
.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%; }
.c-page-on-scroll .top_header_page { margin-top: -30px; transition:1s ease-out; -webkit-transition: all 1s ease-out 0s; position: fixed; }

div.ezmodal-container{ width: 70%!important; }

#sub_content_box{ width: 90%; margin-right: 5%; margin-left: 5%; }
.sub_left_box{ 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; }

.top_navigation_box{ width: 94%; display: block; margin-right: 3%; margin-left: 3%; clear: both; float: left; }

.top_navigation_left_box{ float: left; width: 30%;  }
.top_navigation_right_box{ float: right; width: 70%;  }

.main-menu li { position: relative; margin-right: 0px; margin-left: 0px; }
.main-menu li a { font-size: 14px;  }
.main-menu .navbar-nav li a em{  font-size: 8px;}

.c-page-on-scroll .company_box .logopic .logo_link img{ height: 40px;  }
	}
@media screen and (max-width: 1180px){.sub_left_box{ width: 69%; }}
@media screen and (max-width: 1130px){.sub_left_box{ width: 68%; }}
@media screen and (max-width: 1080px){.sub_left_box{ width: 64%; }}
@media screen and (max-width: 980px){
	
/*手機選單*/
.header{ display: block; }
.page2{ display: block!important; }
.top_navigation_page { display: none; }
.c-page-on-scroll .top_header_page { margin-top: 0px; transition:1s ease-out; -webkit-transition: all 1s ease-out 0s; position: fixed; }
.top_icon_page{ display: none; }
.search_page{ display: none; }
#topmenuicon .topmenuicon_home{ 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;  }

.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{ width: 98%; margin-right: 1%; margin-left: 1%; }
.sub_right_box{ display: none; }
#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%;  }
.top_navigation_right_box{ float: right; width:0%; background-color: #03F; }

.company_page{ float: left; width: 100%;  }
.company_box { position: relative; width: 100%; z-index: 100; float: left; text-align: center; }
.company_box .logopic { margin: 0px; float: none; position: relative; padding: 0px; display: inline; }
.company_box .logopic .logo_link{ float: none; display: inline; }
.company_box .logopic .logo_link img{ float: none; display: inline; -moz-transition: 0.8s; -o-transition: 0.8s; -webkit-transition: 0.8s; transition: 0.8s; height: 60px; margin-top: 0px; width: auto; margin-bottom: 5px; }
.company_box .logopic strong{ font-size: 22px; float: none; line-height: 26px; margin-top: 8px; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; padding-left: 10px; margin-left: 0px; }
.company_box .logopic strong span{ font-size: 15px;  clear: left; display: inline; margin-left: 10px; }

.c-page-on-scroll .logopic img{height: 50px;}
.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; }


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

.rwd_video{ width: 100%; }
.knowledge_photo{width: 100%;}
.knowledge_photo img{ width: 100%; height: auto; }
	}
@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_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_banner_one_box { width: 90%; clear: both; float: left; display: block; margin: 0px; padding: 0px; }


.c-page-on-scroll .logopic .logo_link img{height: 40px;}


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

.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;line-height: 1.68em; }
.page_title_box span{ font-size: 15px;line-height: 1.48em; } 
.c-content-product-5 h3 {font-size: 30px;}
.c-content-product-5 .c-detail .btn { float: left; margin-top: 30px; margin-right: 0; margin-bottom: 30px; margin-left: 0; display: none; }
	}
@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%;  }


.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; }
#topmenuicon { display: none; }

.company_page{ width: 100%; clear: both; }
.company_box { position: relative; width: 100%; z-index: 100; text-align: center; }
.company_box .logopic { margin: 0px; position: relative; width: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
.company_box .logopic .logo_link{   }
.company_box .logopic .logo_link img{  position: relative; -moz-transition: 0.8s; -o-transition: 0.8s; -webkit-transition: 0.8s; transition: 0.8s; height: 60px; width: auto; margin-top: 5px; }
.c-page-on-scroll .logopic .logo_link img{height: 60px;}

.company_box .logopic .logo_title{ clear: both; display: inline; float: left; text-align: center; width: 100%; }
.company_box .logopic strong{ font-size: 16px;  line-height: 26px; clear: both; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin: 0px; padding: 0px; float: left; text-align: center; display: inline; }
.company_box .logopic strong span{ font-size: 13px; clear: both; display: block; font-weight: normal; margin: 0px; padding: 0px; }



}
	

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

}