@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 (max-width:1200px) {
}


@media (max-width:992px) {
	.cate_click {
		display:inline-block;
	}
	.side-heading {
		display: none;
	}
	.search-box {
		display:none;
	}
	.submenu-trigger {/*
		display:block;*/
	}
	.submenu-toggle-content {
		display: none;
	}
	.submenu-toggle-content.opened {
		display: block;
	}
	
	/*.container-fluid{ padding-left:10px; padding-right:10px; }*/
	
	.navbar{ padding:15px 0 10px 0;
		    
	}
	/*
	.navbar-left , .navbar-center , .navbar-right{ width:100%; }
	.navbar-right{ position:absolute; top:-56px; right:10px; }
	*/
	.navbar-left .logo {
		/*display:none;*/
		padding-left:45px;
	}
	.navbar-right {
		flex:1;
	}
	.logo img{ /*width:100%;*/ max-height:30px; }
	
	.navbar-center{ display:none; }
	.navbar-center.opened{ display:block; }
	
	.logo{ display:inline-block; }
	
	
	.menu-list{ text-align:left; margin-top:10px; margin-bottom:10px; }
	.menu-list li{ }
	.menu-list li a{ padding-top:10px; padding-bottom:10px; border-bottom:1px solid #eee; }
	
	/*第一層*/
	.menu-list > li{ display:block; padding-left:0px; }
	
	/*第二層*/
	.menu-list > li > ul{
		position:relative;
		top:0;
		left:0;
		width:100%;
		margin-top:0;
		padding-left:15px;
		webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		-o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	}
	
	/*第三層*/
	.menu-list > li > ul li ul{
		display:none; 
		position:relative;
		top:0;
		left:0;
		width:100%;
		margin-top:0;
		padding-left:15px;
		webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		-o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	}
	.submenu-button{ top:20px; }

	
	.icon-box{ margin-left:2px; }
	/*.icon-box-icon , .icon-box-icon:focus , .icon-box-icon:hover{ color:#fff; }*/
	.search-close-toggle-trigger , .search-close-toggle-trigger:focus , .search-close-toggle-trigger:hover{ color:#333; }
	
	.member-toggle-content{ margin-top:6px; }
	.quicklink-list li a{ padding-top:10px; padding-bottom:10px; }
	
	.cart-qty-btn{ padding-right:22px; }
	.cart-qty-btn .badge{ top:7px; right:0; }

	.coupon-qty-btn{ padding-right:22px; }
	.coupon-qty-btn .badge{ top:7px; right:0; }
	
	.menu-trigger{ display:block; }


	.page-headerline-area{ padding:20px 0; }
	.page-headerline-left{ width:100%; }
	.page-headerline-right{ width:100%; text-align:center; margin-top:20px; }

	.page-header{ font-size:2em; /*margin-bottom:30px;*/ text-align:center; }
	.page-category{ }
	.category-list{ text-align:center; }
	
	.content-pd{ padding:30px 0; }
	


	/*首頁-sec*/
	.sec{ padding:50px 0; }
	.sec-heading{ margin-bottom:30px; }


	/*最新消息*/
	.datepost-photo{ width:22%; margin-right:3%; }
	.datepost-content{ width:75%; }


	/*商品介紹*/
	.product-left-side{ width:100%; margin-right:0; margin-bottom:20px; }
	.product-right-side{ width:100%; }
	.sidebar{ /*display:none;*/ }

	/*相關連結*/
	.link-item{ width:48%; margin-right:4%; }
	.link-item:nth-child(3n){ margin-right:4%; }
	.link-item:nth-child(2n){ margin-right:0; }
	
	.search-bread{ text-align:center; }

}


@media (max-width:768px) {

	#quick_tool {
		/*
		text-align:center;*/
		position:fixed;
		bottom:auto;
		top:0;
		left:0;
		font-size:0.8em;
		/*width: 40px;*/
		right:0;
		white-space: nowrap;
		border-radius:0;
		padding:5px 5px;
		width:100%;
		background:#3A3A3A;
	}
	#quick_tool > div {
		display:flex;
	}
	#quick_tool a {/*
		padding:5px 12px;
		margin-right:8px;*/
		display:inline-block;
	}
	#quick_tool a:first-child {
		flex:1;
		/*
		text-align:right;*/
	}
	#quick_tool a:after {
		content:unset;
	}
	#quick_tool a i, #quick_tool a svg {
		padding-right:18px;
		font-size:1.8em;
		margin-right:0;
	}
	#quick_tool a i:last-of-type, #quick_tool a svg:last-of-type {
		padding-right:2px;
	}
	#quick_tool a i + span, #quick_tool a svg + span {
		display:none;
	}
	#quick_tool a[href^="index.php"], #quick_tool a[href^="center.php"] {
		display:block;
	}
	#quick_tool a[href="#top"] {
		display:none;
	}
	
	.footer-info-item .icon , .footer-info-item .intro{ display:block; text-align:center; margin:4px 0; }
	
	.footer-bottom{ padding:10px 0 !important; }
	.footer-bt-left , .footer-bt-right{ width:100%; text-align:center; }
	
	.backtop-btn{ width: 35px; height: 35px; line-height:35px; bottom: 15px; right: 15px; }
	
	
	/*檔案下載*/
	.download-btn{ margin:0 10px; } 
	
	
	/*首頁-new arrival*/
	.fourcols-pro-list .product-item{ width:48%; margin-right:4%; }
	.fourcols-pro-list .product-item:nth-child(2n){ margin-right:0; }
	
	
	/*最新消息詳細*/
	.showbox{ height:400px;}
	
	
	/*商品介紹*/
	.product-list .product-item{ width:48%; margin-right:4%; }
	.product-list .product-item:nth-child(3n){ margin-right:4%; }
	.product-list .product-item:nth-child(2n){ margin-right:0; }
	
	/*商品介紹詳細*/
	.pro-view-photos{ width:100%; margin-right:0; }
	.pro-right-info{ width:100%; }
	
	
	/*聯絡我們*/
	.contact-gp .map{ width:100%; margin-right:0; min-height:200px; margin-bottom:30px; }
	.contact-gp .box{ width:100%; }


	.page a, .page span {
		display:none;
	}
	.page .prev, .page .next {
		display:inline-block;
	}
	.page .info {
		margin-top:15px;
		display:block;
		background:none;
		border-color:#FFF;
		color:#000;
	}
	.tb-cart thead {
		display:none;
	}
	.total-list {
		display:block;
		background: #ececec;
	    padding: 15px 8px;
	    text-align:center;
	    margin-top: 20px;
	}
	.total-list .endtotal {
		border:0;
		margin-top:15px;
		font-size:1.3em;
	}
	.backend-headline {/*
	    background: #f44336;
	    color:#FFF;
	    */
	    padding: 0px 8px;
	}

	.td-delete {
		display:none;
	}
	.bottom_item_remove {
		display:block !important;
	}
	.social {
		display:flex !important;
		justify-content: center;
	}
	.social img {
		background:#000 !important;	
	}

	.navbar-left {
		width:auto;
		line-height: normal;
	}
}


@media (max-width:640px) {
	/*.info-item{ display:none; }*/
	
	
	/*最新消息*/
	.datepost-photo{ width:27%; margin-right:3%; }
	.datepost-content{ width:70%; }
	
	
	/*最新消息詳細*/
	.new-view-heading{ display:block; padding-right:0; }
	.new-view-heading .day{ position:relative; top:auto; right:auto; display:block; }
	.showbox{ height:320px;}
	
	
	/*相關連結*/
	.link-item{ width:100%; margin-right:0; }
	.link-item:nth-child(3n){ margin-right:0; }
	.link-item:nth-child(2n){ margin-right:0; }
	
}


@media (max-width:480px) {	

	.search-close-toggle-trigger{ top:20px; right:20px; }
	.pop-search-bar{ left:5%; width:90%; }
	
	.footer-info-list{ margin:15px 0;}
	.footer-info-item{ width:100%;  border-right-width: 0px; padding:10px 0; }
	
	.footer-info-item .icon , .footer-info-item .intro{ display:inline-block; }
	.footer-info-item .icon{ min-width:65px; }
	.footer-info-item .intro{ min-width:150px; text-align:left; }



	/*最新消息詳細*/
	.datepost-item{ margin-bottom:45px; }
	.datepost-photo{ width:100%; margin-right:0;}
	.datepost-photo .item-thumb-frame .item-thumb{ padding-bottom:100%; }
	.datepost-content{ width:100%; margin-top:10px; }
	.datepost-intro{ margin:10px 0; height:80px; }


	
	/*最新消息詳細*/	
	.showbox{ width:100%; height:250px; margin-bottom:10px;} 
	.showbox-thumbnail-list{ width:100%; text-align:center; } 
	.showbox-thumbnail-list a{ width:31%; }

}


@media (max-width:360px) {
	
	/*首頁-new arrival*/
	.fourcols-pro-list .product-item{ width:100%; margin-right:0; }
	
	
	/*最新消息*/
	/*.datepost-intro{ margin:10px 0; height:80px; }*/
	/*.datepost-title{ margin-top:20px; }*/
	/*.datepost-intro{ display:none; }
	.more-link-btnline{ margin-top:10px; }*/
	
	
	/*商品介紹*/
	//.product-list .product-item{ width:100%; margin-right:0; }
	
	
	/*搜尋結果*/
	.search-product-list .product-item{ width:100%; margin-right:0; }

}


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