@charset "utf-8";

@media screen and (min-width: 1600px) and (max-width: 1920px) {
	.main-bg:before , .main-bg:after{ width:300px; }
}

@media screen and (min-width: 992px) and (max-width: 1599px) {
	.main-bg:before , .main-bg:after{ width:200px; }
}

@media only screen and (max-width: 1260px) {
	.menu-list li{ width:100px; }
	.menu-list li.search{ width:190px; }
	.search-box{ width:90%; }
	.menu-icon{ max-width:100px;}
}

@media only screen and (max-width: 1100px) {
	.menu-list li{ width:80px; }
	.menu-icon{ max-width:80px;}
	
	/*首頁-關於我們*/
	.idx-about-wrap:before{ opacity:0.3; }
	.idx-about{ width:100%; max-width:850px; padding-right:5%; padding-left:5%; }
	
	/*首頁-熱門產品*/
	.idx-product-wrap:before{ opacity:0.3; }
	.idx-product{ width:100%;  max-width:850px; padding-right:5%; padding-left:5%; }

	.main-bg:before , .main-bg:after{ opacity:0.3; }
	
}


@media only screen and (max-width: 992px) {
	
	/*回頂端按紐*/
	.backtop-btn{ bottom: 15px; }
	
	/*頁首*/
	.header-top-left{ width:35%; }
	.header-top-right{ width:60%; padding-right:65px; }
	
	/*小螢幕時選單鈕*/
	.menu-trigger{ display:block; }
	.menu-toggle-content{ display:none; }
	.menu-toggle-content.opened{ display:block; }
	
	/*選單*/
	.menu-list{ display:none; }
	.mobile-search-box{ display:block; width:100%; }
	
	
	/*頁尾*/
	.footer-top-flex{ width:100%; }
	.footer-top-left{ width:50% }
	.footer-top-center{ width:50%; }
	.footer-top-right{ width:100%; margin-top:10px; }
	.footer-qrcode , .social-list{ display:inline-block; vertical-align:middle; margin:10px 10px; }
	.footer-info-list li{ margin-bottom:0px; }
	
	.footer-bottom-wrap{ padding-bottom:30px; }
	.web-designer{ position:relative; bottom:auto; right:auto; margin-top:10px; }
	
	
	/*分類*/
	.category-area{ display:none; }


	/*商品介紹*/
	.product-left-side{ display:none; }
	.product-right-side{ width:100%; }
	
	.product-item-more{ display:none; }
	
	
	
	
	/*聯絡我們*/
	.contact-gp-left{ width:100%; padding-right:110px; margin-bottom:30px; }
	.contact-gp-right{ width:100%; margin-left:0; height:300px; }
	
}


@media only screen and (max-width: 768px) {	

	/*首頁-關於我們*/
	.idx-about-wrap{ padding-top:30px; min-height:auto; }
	.idx-about-desc{ padding-left:0; }
	.idx-about-heading{ text-align:center; }
	
	
	/*首頁-熱門產品*/
	.idx-product-wrap{ padding-top:30px; min-height:auto; }
	.idx-item-slider{ margin:20px 0; }
	
	
	/*最新消息*/
	.news-item{ margin-bottom:25px; }
	.news-name a{ padding-bottom:10px; }
	.news-name a:hover:before{ opacity:0; }
	
	
	/*聯絡我們*/
	.contact-gp-left{ padding-right:0px;}
	.contact-qrcode{ position:relative; bottom:auto; right:auto; width:120px; }
	.contact-info-list{ padding-left:0; }

	.contact-form-box{ padding-left:0; }
	
	
	/*聯絡我們-表單*/
	.contact-form-box{}
	.input-group { margin-bottom:20px; padding-right:0; }
	.input-group.half-width{ width:100%; } 
	.input-control { width:100%; margin-top:3px; }
	.form-bt-line{ text-align:center; padding-left:0px; }
	
	.input-group input[type=text] { border-color:#ccc; height:45px; }
	
}


@media only screen and (max-width: 640px) {
	
	/*頁首*/
	.header-top-wrap{ padding-top:20px; padding-bottom:20px; }
	.header-top-left{ width:100%; margin-right:0; padding-right:60px; min-height:76px; }
	.header-top-right{ width:100%; padding-right:0; }
	.logo{ max-width:250px; margin-bottom:20px; }
	.menu-trigger{ display:block; top:-72px; margin-top:0; }
	
	
	/*頁尾*/
	.footer-top-left{ width:100%; text-align:center; }
	.footer-top-center{ width:100%; margin-top:10px; text-align:center; }


	.main-bg:before , .main-bg:after{ opacity:0.2; }


	/*導覽路徑*/
	.breadcrumbs{ text-align:center; }
	.breadcrumbs span:last-child{ font-size:0.8em; font-weight:100; }
	
	.category-heading{ font-size:1.5em; }
	
	
	
	/*商品頁*/
	.product-list li{ width:48%; margin-right:4%; margin-bottom:30px; }
	.product-list li:nth-child(3n){ margin-right:4%; }
	.product-list li:nth-child(2n){ margin-right:0; }
	
	/*商品詳細*/
	.sync-thum{ padding:0 50px; }
	.sync-thum.owl-nav-style .owl-prev { left: 0px; }
	.sync-thum.owl-nav-style .owl-next{ right: 0px; }
	
	
	
	/*搜尋結果*/
	.search-list li{  width:48%; margin-right:4%; margin-bottom:30px; }
	.search-list li:nth-child(2n){ margin-right:0; }
	
}


@media only screen and (max-width: 480px) {	
}


@media only screen and (max-width: 360px) { 	
}