/* ======================================
	Media Queries
====================================================================================================================================== */


@media screen and (min-width: 641px) and (max-width: 992px) {
	
	

}


@media only screen and (max-width: 992px) {
	
	/* ==06. 頁首header設定======================================= */

	
	
	/* ==07. 小螢幕時選單設定======================================= */
	.menu-list{ display:none; }
	.menu-trigger{ display:block; }
	.menu-toggle-content{ display:none; }
	.menu-toggle-content.opened{ display:block; }
	
	
	
	/* ==08. 頁尾footer設定======================================= */
	.footer-top-left{ width:100%; }
	.footer-top-center{ width:50%; }
	.footer-top-right{ width:50%; }
	.footer-info-heading{ margin-bottom:15px; }
	
	.web-designer{ position:relative; top:auto; right:auto; margin-top:5px; }
	
	
	
	/* ==09. 輪播banner設定======================================= */



	
	/* ==10. 全頁面共同設定======================================= */
	.category-area{ display:none; }
	
	

	
	/* ==11. 首頁======================================= */
	.idx-news-area{ max-width:800px; }
	.idx-news-list li{ width:100%; margin-right:0; }



	/* ==14. 商品介紹======================================= */
	.product-left-side{ display:none; }
	.product-right-side{ width:100%; }


	
	
}




@media only screen and (max-width: 768px) {
	
	/* ==15. 聯絡我們======================================= */
	.contact-gp .map{ width:100%; order:2; margin-right:0;  }
	.contact-gp .box{ width:100%; order:1; margin-bottom:15px; }
}


@media only screen and (max-width: 640px) {
	
	/* ==08. 頁尾footer設定======================================= */
	.footer-top-center , .footer-top-right{ width:100%; }
	
	
	/* ==10. 全頁面共同設定======================================= */
	.breadcrumbs{ text-align:center; margin:10px 0; }
	
	.category-heading{ margin-top:40px; }
	.category-heading .title{ font-size:20px; }

	.thumbnail-list.three-cols li{ width:47%;  }
	
	
	
	/* ==11. 首頁======================================= */
	.idx-headline{ border-left:8px solid #0082DF; padding-left:10px;  }
	.idx-headline .title , .idx-headline .subtitle{ display:inline-block; margin-right:5px; }
	.idx-headline .title{ font-size:30px; margin-bottom:0;  }
	.idx-headline .subtitle{ font-size:18px; }
	
	.idx-about-intro{ padding-left:0px; }
	.idx-about-more-line{ text-align-last:center; padding-left:0; }
	
	.news-left{ width:100%; margin-right:0; margin-bottom:20px; }
	.news-right{ width:100%; }
	.news-photo-frame{ margin-left:auto; margin-right:auto; margin-top:15px; max-width:200px; }
	.news-name{ overflow:visible; text-overflow:initial; white-space:normal; }
	
	.idx-news-headline .title{ font-size:30px; }
	.idx-news-headline .subtitle{ font-size:18px; }
	
	.idx-pro-list li{ width:48%; margin-right:4%; margin-bottom:30px; }
	.idx-pro-list li:nth-child(3n){ margin-right:4%; }
	.idx-pro-list li:nth-child(2n){ margin-right:0; }
	
	
	/* ==13. 最新消息======================================= */
	.news-view-heading{ font-size:18px; padding:5px 5px 1px 5px; font-weight:600; }
	.news-view-date{ text-align:center; font-size:14px; }

	
	
	/* ==14. 商品介紹======================================= */
	.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; }
	
	.pro-view-intro-heading .title{ padding:5px 20px; font-size:18px; }
	
	
	/* ==15. 聯絡我們======================================= */
	.input-title{ margin-bottom:10px; font-size: 1em; }
	.input-title , .input-control{ display:block; }
	.input-group input[type=text] { font-size: 1em;}
	.form-bt-line{ text-align:center; padding-left:0px; }
	
}


@media only screen and (max-width: 480px) {
	
	/* ==05. 回頂端按紐=======================================*/
	.scrolltop{ bottom: 10px; }
	
	/* ==08. 頁尾footer設定=======================================*/
	.web-copyright{ padding-bottom:50px; }
	
	
}


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