@charset "utf-8";

@media (min-width: 360px) { .container { width: 340px; } }
@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: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }
@media (min-width: 1440px) { .container { width: 1280px; } }

	
	
@media only screen and (max-width: 1200px) {
	
	.top-info span{ margin-left:10px; margin-right:10px; }
	
	/*首頁-關於我們*/
	.idx-about-photo-area{ width:50%;  }
	.idx-about-content-area{ width:50%; }
	.idx-about-photo .item-thumb-frame .item-thumb{ padding-bottom:100%; }
	
	/*首頁-最新消息*/
	.idx-news-photo-area .item-thumb-frame .item-thumb{ padding-bottom:80%; }
}


@media only screen and (max-width: 992px) {
	
	.header-left{ width:70%; }
	.header-right{ width:30%; }

	.menu-list{ display:none; }
	
	.menu-trigger{ display:block; }
	.menu-toggle-content{ display:none; }
	.menu-toggle-content.opened{ display:block; }
	
	
	.search-line{ align-items:stretch; }
	.search-line-left , .search-line-right{ padding-top:10px; padding-bottom:5px; }
	.top-info{ display:none; }
	
	
	/*主內容區內側裝飾*/
	.page-content.page-content-pd{ padding-left:0px; padding-right:0px; }
	.page-lefttop-dec , .page-rightbt-dec{ display:none; } 
	

	
	/*導覽路徑*/
	.breadcrumbs{
		position:relative;
		bottom:auto;
		right:0;
		width:100%;
		max-width:100%;
		text-align:center;
		margin:15px 0 0 0;
	}
	
	/*分類*/
	.category-list{ display:none;}



	/*首頁-關於我們*/
	.idx-about-photo-area{ width:8%; padding:0;  }
	.idx-about-content-area{ width:92%; }
	.idx-about-photo , .idx-about-photo-area:before{ display:none; }
	.idx-about-heading{ padding-top:0; padding-left:10px; }
	.idx-about-intro{ padding-left:10px; }
	.idx-about-btnline{ padding-left:10px; }
	.idx-about-photo-dec .title{ padding-right:110px; width:290px; }
	.idx-about-photo-dec .title:after{ width:100px; }


	/*首頁-最新消息*/
	.idx-news-photo-area{ display:none; }
	.idx-news-content-area{ width:100%; padding:0; }
	.idx-news-box{ padding:30px 30px; }
	.idx-news-box:before{ display:none; }
	.idx-news-item a{ padding-left:100px; }
	.idx-news-item-date{ left:15px; }
	.idx-news-item a:hover:before{ opacity:0; }
	
	
	/*商品介紹*/
	.product-left-side{ display:none; }
	.product-right-side{ width:100%; }
	
}


@media only screen and (max-width: 768px) {
	
	.search-line-left{ width:60%; }
	.search-line-right{ width:40%; }

	
	/*頁尾*/
	.web-designer{ text-align:center; }
	
	/*回頂端按紐*/
	.backtop-btn{ right:10px; bottom: 10px; }
	
	
	.idx-pro-ad .idx-more-btn{ display:none; }
	
	
	/*首頁-商品介紹*/
	.idx-sec-pro{ padding-bottom:20px; }
	.idx-product-list .product-item{ width:48%; margin-right:4%; margin-bottom:45px; }
	.idx-product-list .product-item:nth-child(2n){ margin-right:0; }
	.idx-pro-heading .title{ font-size:2em; }

	
	
	/*最新消息*/
	.post-list{ margin-top:0; }
	.post-item{ width:48%; margin-right:4%; margin-bottom:30px; }
	.post-item:nth-child(3n){ margin-right:4%; }
	.post-item:nth-child(2n){ margin-right:0; }
	.post-name{ font-size:1em; padding-left:5px; padding-right:5px; }
	
	
	/*最新消息詳細*/
	.post-view-heading , .post-view-date{ text-align:center; }
	.post-view-heading{ font-size:1em; }
	.showbox{ height:400px;}
	
	
	/*商品介紹*/
	.product-list .product-item{ width:48%; margin-right:4%; margin-bottom:45px; }
	.product-list .product-item:nth-child(3n){ margin-right:4%; }
	.product-list .product-item:nth-child(2n){ margin-right:0; }
	.product-item a.mask{ padding:10px 5px 10px 5px;}
	.product-more-btn{ display:none; }
	
	
	/*商品介紹詳細*/
	.pro-view-photos{ width:100%; margin-right:0; }
	.pro-right-info{ width:100%; }
	
	
	/*聯絡我們*/
	.contact-gp{ margin-top:0; margin-bottom:45px; }
	.contact-gp .map{ width:100%; height:300px; padding:0; }
	.contact-gp .box{ width:100%; padding:30px 10px 10px 10px; }
	.contact-gp .box:before{ display:none; }
	.contact-form-box{ padding:20px; }
}


@media only screen and (max-width: 640px) {
	
	/*最新消息*/
	.idx-news-item a{ padding-top:0; padding-bottom:5px; padding-right:10px; padding-left:85px; margin-bottom:20px; }
	.idx-news-item-date{ top:0; left:0; }
	.idx-news-item a:hover{ background:transparent; }
	.idx-news-btnline{ padding-right:10px; }
	
	.showbox{ height:320px; }
	
	/*聯絡我們-表單*/
	.contact-form-box{ padding:20px 10px 20px 10px; }
	.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) { 

	.search-area{ background:none; }
	.search-line-left{ width:100%; padding-left:0; padding-right:0; }
	.search-line-right{ display:none; }
	
	.page-main-dec:before{ opacity:0.6; }



	/*首頁-關於我們*/
	.idx-pro-heading .title{ font-size:1.6em; }
	
	
	/*首頁-最新消息*/
	.idx-news-box{ padding-left:10px; padding-right:10px; }
	.idx-news-item a{ padding-left:0; }
	.idx-news-item-date{ position:relative; top:auto; left:auto; display:inline-block; width:auto; height:auto; padding:5px 10px; margin-bottom:5px; line-height:1; }
	.idx-news-item-date .year , .idx-news-item-date .day{ display:inline; font-size:0.8em; line-height:1;  }
	.idx-news-item-date .year:after{ content:"/";}
	
	
	
	/*最新消息*/
	.post-item{ width:100%; margin-right:0;}
	.post-item:nth-child(3n){ margin-right:0; }
	
	
	/*最新消息詳細*/
	.showbox{ width:100%; height:250px; margin-bottom:10px;} 
	.showbox-thumbnail-list{ width:100%; text-align:center; } 
	.showbox-thumbnail-list a{ width:32%; }

	
}


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