@charset "utf-8";

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

@media only screen and (max-width: 992px) {
	
	.header-top-wrap{ align-items:flex-start; height:140px; }
	
	/*頁首*/
	.header-top-wrap:before{
		top:5%;
		height:90%;
		margin-top:0;
	}

	.logo{ margin-top:-12px; }
	.language-wrap{ padding:0 5%; margin-top:15px; }
	.language-wrap a{ padding:5px 15px; }
	
	
	/*小螢幕時選單鈕*/
	.menu-trigger{ display:block; }
	.menu-toggle-content{ display:none; }
	.menu-toggle-content.opened{ display:block; }
	
	/*選單*/
	.menu-list{ display:none; }
	
	
	/*主內容區-左右內容*/
	.content-left-side{ width:100%; margin-right:0; margin-top:15px; margin-bottom:15px;  }
	.content-right-side{ width:100%; }
	.main-bg{ background-image:none; }

	/*左側分類標題*/
	.sidebar-heading{ display:none; }	
	
	.side-nav-area{ display:none; }	
	
	
	/*最新消息*/
	.news-item a:hover .news-introduction{ display:block; }
	.news-item a:hover .news-more-btn{ display:none; }
	.news-item a:hover .news-item-content:before{ display:none; }
	.news-item a:hover .news-name{ font-weight:600; color:#000; }

	
	
	/*聯絡我們*/
	.contact-gp-left{ width:100%; }
	.contact-gp-right{ display:none; }
}


@media only screen and (max-width: 768px) {
	
	/*回頂端按紐*/
	.backtop-btn{ bottom: 15px; }

	
	/*歡迎頁*/
	.welcome-page{ height:100%; }
	.language-line{ }
	.language-line:before{ display:none; }
	.language-btn , .enter-btn{ display:block; width:240px; margin:30px auto; height:44px; line-height:46px; background:rgba(0,0,0,0.5);  }
	.enter-btn{ margin-bottom:60px;}
	
	.welcome-logo{ position:relative; bottom:auto; left:auto; margin:0 auto; width:100%; max-width:280px; margin-top:20px; }
	
	
	/*頁尾*/
	.social-list{ text-align:center; }
	.social-list li{ width:35px;  margin:5px 6px; }
	.footer-content-left{ margin-bottom:10px;}
	.footer-content-left , .footer-content-right{ width:100%; text-align:center; }

	
	/*聯絡我們-表單*/
	.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; }
	
}


@media only screen and (max-width: 640px) {
	
	/*商品詳細*/
	.pro-view-photos{ width:100%; margin-right:0; max-width:400px; margin:0 auto 30px auto; }
	.pro-right-info{ width:100%; }
	
	.sync-thum{ padding:0 40px;}

	.sync-thum.owl-nav-style .owl-prev , .sync-thum.owl-nav-style .owl-next{ opacity:1; }
	.sync-thum.owl-nav-style .owl-prev { left: 0px; }
	.sync-thum.owl-nav-style .owl-next{ right: 0px; }
	
	
	/*聯絡我們*/
	.contact-gp , .contact-form-box{ padding-left:0px; }

}


@media only screen and (max-width: 480px) {
	
	.language-wrap{ text-align:center; }


	/*詳細頁縮圖*/
	.thumbnail-list.three-cols li , .thumbnail-list.five-cols li{ width:100%; margin-left:0; margin-right:0; }
				
	
	/*商品介紹*/
	.product-list li{ width:48%; margin-right:4%;}
	.product-list li:nth-child(3n){ margin-right:4%; }
	.product-list li:nth-child(2n){ margin-right:0; }


	/*最新消息*/
	.news-item-content{ height:auto; min-height:140px; }
	.news-date{ margin-top:10px; }
	.news-name{ overflow:visible; text-overflow:initial; white-space: normal; }
	.news-introduction , .news-item a:hover .news-introduction{ display:none; }
	/*.news-item a{ padding-left:0px; }
	.news-photo{ position:relative; top:auto; left:auto; width:100%; max-width:360px; margin:0 auto; border:1px solid #ccc; margin-bottom:20px; }
	.news-item-content{ height:auto; }

	.news-date , .news-name , .news-introduction{ padding-left:10px; padding-right:10px; }*/


	
		
	/*品質殊榮*/
	.honor-list li{ width:100%; margin-right:0; }
	
	



	
}


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

	/*商品介紹*/
	.product-list li{ width:100%; margin-right:0; }
	
	
}