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


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


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


@media only screen and (max-width: 992px) {
	
	/* ==06. 頁首header設定======================================= */
	.header-top-flex{ margin-top:10px; margin-bottom:10px; }
	.header-top-flex .flex-col01{ order:2; width:230px; }
	.header-top-flex .flex-col02{ order:1; width:100%; margin-bottom:20px; }
	.header-top-flex .flex-col03{ order:3; width:calc(100% - 250px); display:block; margin-left:20px; }
	
	.header-bottom-area .container{ height:2px; }
	.header-bottom-flex{ display:none; }
	
	.search-box{ width:100%; margin:30px 0; }
	
	.quicklink-item{ width:72px; }
	.quicklink-item:before{ width:5px; }
	.quicklink-item a{ padding:0px 2px 0px 10px; }



	/* ==07. 小螢幕時選單設定======================================= */
	.menu-trigger{ display:block; }
	
	.menu-toggle-area{ display:block; }

	.page-overlay{
		display:none; 
		position:fixed;
		z-index:80;
		top:0;
		left:0; 
		width:100%;
		height:100vh;
		background:rgba(0,0,0,0.3);
		overflow:hidden;
		cursor:pointer;
	}
	.page-overlay.opened{ display:block; }

	body.overflow-hidden { overflow: hidden; }
	
		
	
	
	/* ==08. 頁尾footer設定======================================= */
	.web-designer{ position:relative; top:auto; right:auto; }
	
	
	
	/* ==09. 輪播banner設定======================================= */



	
	/* ==10. 全頁面共同設定======================================= */
	.page-flex-left{ display:none; }
	.page-flex-right{ width:100%; border-left-width:0px; padding-left:0; }
	


	/* ==11. 首頁======================================= */
	.news-item .name{ padding-right:0; margin-bottom:10px; }
	.news-item .name .title{ display:block; font-size:16px; }
	.news-item .name .date{ display:block; position:relative; bottom:auto; right:auto; font-size:12px; }
	
	

	
}




@media only screen and (max-width: 768px) {
	
	
	/* ==11. 首頁======================================= */
	.idx-news-list{ max-width:500px; margin-right:auto; margin-left:auto; }
	
	.idx-news-list li{ width:100%; border-right-width:0px; border-bottom:1px solid #ccc; margin-bottom:15px; padding:15px 0; }
	.idx-news-list li:last-child{ border-bottom-width:0px; margin-bottom:0; }


	.idx-product-list li{ width:48%; margin-right:4%; }
	.idx-product-list li:nth-child(2n){ margin-right:0; }	
	
	
	/* ==14. 產品介紹======================================= */
	.product-view-gp{ max-width:500px; margin-left:auto; margin-right:auto; margin-bottom:45px; padding:0; }
	.product-view-gp-left{ width:100%; margin-right:0; margin-bottom:15px; }
	.product-view-gp-right{ width:100%; }
	
	.pro-view-photos .sync-thum{ padding-left:40px; padding-right:40px; }
	.owl-nav-style .owl-prev { left:0px; }
	.owl-nav-style .owl-next{ right:0px; }
	
	/*.pro-view-intro-heading{ text-align:center; }*/
	/*.pro-view-intro{ border-top:2px solid #ccc; padding-top:30px;}*/



	/* ==16. 聯絡我們=======================================*/
	.input-group { margin-bottom:10px; padding-right:0; }
	.input-group.half-width{ width:100%; } 
	.contact-form-note{ font-size:16px; }
	.input-control { width:100%; margin-top:3px; }
	.form-bt-line{ text-align:center; padding-left:0px; }
		
}


@media only screen and (max-width: 640px) {
	
	/* ==06. 頁首header設定======================================= */
	.quicklink-list{ justify-content:center; }
	.quicklink-list li.mobile-hide{ display:none; }
	
	
	/* ==10. 全頁面共同設定======================================= */
	.breadcrumbs{ text-align:center; margin-bottom:45px; }
	
	.page-headline{ margin-bottom:20px; }
	.page-headline .title{ text-align:center; padding-bottom:10px; }
	.page-headline .title:before{
		position:absolute;
		top:auto;
		bottom:-5px;
		left:50%;
		width:60px;
		height:6px;
		margin-left:-30px;
		content:"";
		background:#FF9933;
	}


	/* ==11. 首頁======================================= */
	.idx-product-list{  max-width:400px; margin-right:auto; margin-left:auto; }
	.idx-product-list li{ width:100%; margin-right:0; }
	.idx-product-list li:nth-child(2n){ margin-right:0; }	
	

}


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


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