@charset "utf-8";

/*@media (min-width: 360px) { .container { width: 100%; } }
@media (min-width: 480px) { .container { width: 460px; } }
@media (min-width: 640px) { .container { width: 620px; } }
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 990px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }
@media (min-width: 1440px) { .container { width: 1280px; } }*/

	


@media only screen and (max-width: 992px) {
	
	/*首頁logo*/
	.idx-logo{ margin-bottom:50px; }
	
	/*首頁-banner*/
	.idx-banner:before{ top:-60px; width:1066px; height:60px; margin-left:-533px; }
	.idx-banner:after{ bottom:-60px; width:1066px; height:60px; margin-left:-533px; }
	
	
	
	
	
	.page-wrapper-content-left{
		width:100%;
		border-bottom:1px solid #fff;
		background:url(../images/web-02.png) repeat-y center;
		padding-bottom:0;
		
		-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	}
	.page-wrapper-content-right{ width:100%; padding-bottom:0; border-top-width:0; }
	
	
	.side-procate-area{ display:none; }
	.side-nav{ display:none; }
	
	.desktop-ount-area.count-area{ display:none; }
	
	.logo-area{ background:none; padding:5px; }
	.logo.desktop-logo{ display:none; }
	.logo.mobile-logo{ display:block; max-width:250px; margin:25px 5px; }
	
	.logo-info{ position:absolute; top:0; right:0; text-align:right; margin:10px; }
	
	
	.menu-trigger{ display:block; }
	.menu-toggle-content{ display:none; }
	.menu-toggle-content.opened{ display:block; }
	
	
	.footer{ position:relative; bottom:auto; right:auto; margin-top:30px; }
	.web-designer{ text-align:center; margin-top:10px; }
	
	.category-list{ display:none; }
	
	.menu-list{ display:none; }
	
	
	.main{ padding-left:15px; padding-right:15px; }
	
	
	/*首頁-聯絡我們*/
	.idx-contact-gp{ padding-right:0px; }
	.idx-map{ width:100%; height:250px; order:2; margin-bottom:30px; }
	.idx-contac-box{ width:100%; /*background:#E8CDA6;*/ padding:0; margin-bottom:15px; order:1; }
	
	
	/*商品詳細*/
	.product-view-gp-left{ width:46%; margin-right:4%; }
	.product-view-gp-right{ width:50%; }
	
	
	/*聯絡我們*/
	.contact-gp{ margin-bottom:60px; }
	.contact-gp .map{ width:100%; height:250px; margin-bottom:10px; margin-bottom:15px; }
	.contact-gp .box{ width:100%; padding-left:0; padding-right:0; }

	
	.mobile-ount-area.count-area{ display:block; }
		
}


@media only screen and (max-width: 768px) {
	
	
	/*首頁-進入網頁按鈕*/
	.enter-btn{ position:relative; top:auto; right:auto; margin:0 auto 0 auto; }
	
	/*首頁-頁尾資料*/
	.idx-info-list{ text-align:center; }
	
	
	/*回頂端按紐*/
	.backtop-btn{ bottom: 15px; right: 15px; width: 40px; height: 40px; }


	/*商品列*/
	.product-list{ padding-right:0px; }
	.product-item{ 
		position:relative;
		width:29.3333%;
		margin-right:4%;
	}
	.product-item:nth-child(4n){ margin-right:4%; }
	.product-item:nth-child(3n){ margin-right:0; }

}


@media only screen and (max-width: 640px) {
	
	.container{ width:100%; }
	
	
	
	/*首頁-logo*/
	.idx-logo{ max-width:230px; margin-top:20px; margin-left:auto; margin-right:auto; }
	
	/*首頁-banner*/
	.idx-banner:before{ 
		top:-67px; 
		width:640px; 
		height:67px; 
		margin-left:-320px; 
		background:url(../images/web-19.png) no-repeat center;
		background-size:cover;
	}
	.idx-banner:after{
		bottom:-67px;
		width:640px; 
		height:67px; 
		margin-left:-320px; 
		background:url(../images/web-20.png) no-repeat center;
		background-size:cover;
	}
	
	/*首頁-footer*/
	.idx-footer{ margin-top:50px; }
	
	/*首頁-進入網頁按鈕*/
	.enter-btn{ width:250px; }




	.logo.mobile-logo{ max-width:180px; margin:8px 0; }
	.logo-info{ display:none; /*position:relative; top:auto; right:auto; text-align:left;*/ }
	.menu-trigger{
		top:50%;
		bottom:auto;
		right:10px;
		margin-top:-25px;
	}


	/*商品列*/
	.product-item{ 
		position:relative;
		width:48%;
		margin-right:4%;
	}
	.product-item:nth-child(3n){ margin-right:4%; }
	.product-item:nth-child(2n){ margin-right:0; }


	/*商品詳細*/
	.product-view-gp-left{ width:100%; margin-right:0; }
	.product-view-gp-right{ width:100%; padding-top:10px; }
	.product-view-intro{ margin-top:15px; }
	
	.pro-view-photos .sync-thum{ padding:0 35px;}
	.owl-nav-style .owl-prev , .owl-nav-style .owl-next{ opacity:1; }
	.pro-view-photos .sync-thum.owl-nav-style .owl-prev { left: -5px; }
	.pro-view-photos .sync-thum.owl-nav-style .owl-next{ right: -5px; }


	/*聯絡我們-表單*/
	.contact-form-box{ padding:0; margin-bottom:60px; }
	.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) {
	.page-wrapper:before{ display:none; }
	.page-wrapper-content:before{ display:none; }
	
}


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


}