@charset "utf-8";

@media screen and (min-width: 1600px) and (max-width: 1920px) {}

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


@media only screen and (max-width: 1480px) {
	
	/*首頁-關於我們*/
	.idx-about-wrap{ padding-left:620px; }
	.idx-about-dec{ width:600px; }
	.idx-about-more{ display:none; }
	
	/*首頁-商品介紹*/
	.idx-product-wrap{ padding-right:580px; }
	.idx-product-dec{ width:600px; }

	
	/*首頁-最新消息*/
	.idx-news-wrap{ padding-right:400px;}

}

@media only screen and (max-width: 1240px) {
	
	/*頁首*/
	.header{ padding-top:10px; padding-bottom:30px; }
	.header-left{ width:200px; }
	.header-center{ width:calc( 100% - 200px - 100px ); margin:0; }
	.header-right{ width:100px; }
	
	.header-fixed-box{ bottom:-10px; }
	
	.header-fixed-item.desktop-show{ display:none; }
	.header-fixed-item.mobile-show{ display:inline-block; }
}

@media only screen and (max-width: 1200px) {
	
	
	/*首頁-關於我們*/
	.idx-about-wrap{ padding-left:6%; padding-right:6%; min-height:auto; }
	.idx-about-dec{ width:500px; opacity:0.1; }
	
	/*首頁-商品介紹*/
	.idx-product-wrap{ padding-right:6%; padding-left:6%; }
	.idx-product-dec{ display:none; }
	.idx-product-more{ text-align:center; }
	
	/*首頁-最新消息*/
	.idx-news-wrap{  padding-right:6%; padding-left:6%; }
	.idx-news-wrap:before{ opacity:0.1; }

}

@media only screen and (max-width: 1100px) {
	
	/*頁首*/
	.header{ padding-bottom:40px; }
	.header-fixed-box{ bottom:-20px; }
	
	/*------------------------------------------------*/
	
	/*頁尾*/
	.footer-flex{ max-width:700px; margin-left:auto; margin-right:auto; }
	.footer-info-item{ width:49%; margin:15px 0.5%; text-align:center; }
	
	/*門市據點*/
	.contact-item-one , .contact-item-two , .contact-item-three{ width:49%; margin-bottom:15px; }
	
		
}

@media only screen and (max-width: 992px) {
	
	/*頁首*/
	.header{ padding-top:10p; padding-bottom:10px; }
	.header-left{ width:180px; }
	.header-center{ display:none; }
	.header-right{ width:calc( 100% - 180px ); }
	
	.logo{ margin:5px 0; }
	
	
	/*大螢幕選單*/
	.desktop-menu-list{ display:none; }
	
	/*------------------------------------------------*/
	
	/*小螢幕時選單鈕*/
	.menu-trigger{ display:inline-block; vertical-align:middle; }
	/* .menu-toggle-content{ display:block; } */
	.menu-toggle-content.opened{
		display:block;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	
	.page-overlay.opened{ display:block; }
	

	body.overflow-hidden { overflow: hidden; }
	
	.mobile-menu-close.opened{ display:block; }
	
	
	/*------------------------------------------------*/	
		
	/*購物車按鈕*/
	.quicklink-cart{ margin:0 5px 0 0; }
	.quicklink-cart .icon{ width:45px; }
	/*.quicklink-cart .badge{ background:#EF0A9D; color:#fff; }*/

	.menu-toggle-heading.hide , .mobile-menu-close.hide{ display:block; }
	
	.header-fixed-box{
		display:none; 
		position:fixed;
		z-index:1100;
		top:0;
		right:0;
		height:100%;
		width:300px;
		text-align:left;
		background:#221816 url(../images/web-11.png) no-repeat center; background-size:cover;
		border-left:3px solid rgb(255,255,255,0.8);
		
		padding-top:65px;
		
		-webkit-box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.3);
		-o-box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.3);
		box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.3);
		
		color:#FFF;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;/*讓iPad或iPhone的捲軸更順暢*/
	}
	.header-fixed-box:before{
		position:absolute;
		top:0;
		right:100%;
		width:30px;
		height:100%;
		content:"";
		background:linear-gradient(left,#000,transparent);
		background:-moz-linear-gradient(left,#000,transparent);
		background:-webkit-linear-gradient(left,#000,transparent);
		background:-o-linear-gradient(left,#000,transparent);
		background:-ms-linear-gradient(left,#000,transparent);
		opacity:0.3;
	}
	.header-fixed-item{ display:block; margin-left:0; }
	.header-fixed-item.mobile-show{ display:block; }

	.header-fixed-box.opened{ display:block; }
	
	.quicklink-list li{ display:block; margin:5px 0; }
	.quicklink-list li a{
		display:block;
		color:#fff; 
		font-size:15px; 
		margin:0;
		padding:12px 40px 12px 15px;
		border:1px solid transparent;
		border-bottom:1px solid rgba(255,255,255,0.3);
		
		-ms-border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		-o-bborder-radius:0;
		border-radius:0;
	}
	.quicklink-list li a:hover{ background:rgba(255,255,255,0.02); border-color:transparent; border-bottom:1px solid rgba(255,255,255,0.3); }
	
	.search-fm{ width:100%; padding:0 10px; height:40px; margin:25px 0; }
	.search-fm:before , .search-fm:after{ display:none; }
	.search-input , .search-btn{ height:40px; font-size:16px; }
	.search-btn{ right:14px; width:34px; height:34px; margin-top:-17px;  }
	
	.enlink-wrap{ 
		padding:10px; 
		margin:20px 0;
		border-top:2px solid rgba(255,255,255,0.3); 
	}
	.enlink-wrap:before , .enlink-wrap:after{ display:none; }
	.enlink{ display:none; }
	.enlink-title{ display:block; color:#fff; margin:15px 0; font-size:0.9em; }
	.enlink-content{
		display:block;
		position:relative;
		visibility:visible;
		opacity:1;
		border:0px solid #CDB369;
		width:100%;
		background:transparent;
	}
	.en-link-gp{ margin:0px;}
	.en-link-gp a{ width:36px; height:36px; line-height:36px; color:#231917; background:#fff; margin-left:0; margin-right:13px; }
	.enlink-close{ display:none; }
	
	
	/*------------------------------------------------*/
	
	.member-trigger{ display:inline-block; vertical-align:middle; }
	
	/*------------------------------------------------*/
	
	/*頁尾*/
	.footer-bottom-wrap{ padding-bottom:30px; }
	.web-designer{ position:relative; bottom:auto; right:auto; margin-top:10px; }
	
	
	/*分類*/
	.category-area{ display:none; }

	
	
	/*商品介紹*/
	.product-left-side{ display:none; }
	.product-right-side{ width:100%; }
	
	.product-list.five-cols li{ width:20.5%; margin-right:6%; }
	.product-list.five-cols li:nth-child(5n){ margin-right:6%; }
	.product-list.five-cols li:nth-child(4n){ margin-right:0; }
	
	
	/*==== start 會員、購物車等頁面設定 ==================================*/
	.cart-item-total-box{ position:relative; bottom:0; right:0; text-align:right; margin-top:15px; }
	
	/*==== end 會員、購物車等頁面設定 ==================================*/
	
}


@media only screen and (max-width: 768px) {
	
	/*首頁-最新消息*/
	.idx-post-list{ max-width:350px; margin-left:auto; margin-right:auto; }
	.idx-post-list li{ width:100%; margin-left:0; margin-right:0; }



	/*最新消息*/
	.post-list li{ width:46%; margin-left:2%; margin-right:2%; }
	.post-left , .post-right{ width:100%; }
	.post-left{ margin-bottom:5px; }
	.post-name{ padding-left:5px; padding-right:5px; }
	.post-intro{ padding-left:5px; height:64px; overflow:hidden; }
	.post-date{ position:relative; bottom:auto; right:auto; display:block; font-size:14px; color:#fff; padding-left:0; }
	.post-date:before{ display:none; }
	
	
	/*門市據點*/
	.contact-item{ width:100%; margin-right:0; }
	
	.contact-item-one , .contact-item-two , .contact-item-three{ width:100%; }
	
	.contact-heading .title{ font-size:18px; }
	.contact-info-list li{ font-size:16px; padding-left:95px; }
	.contact-info-list li .title{ width:90px; }
	
	.input-group { margin-bottom:20px; padding-right:0; }
	.input-group.half-width{ width:100%; } 
	.input-control { width:100%; margin-top:3px; }
	.form-bt-line{ text-align:center; padding-left:0px; }
	
	.input-group input[type=text] { border-color:#ccc; height:45px; }


	/*相關連結*/
	.link-list li{ width:90%; margin-right:5%; margin-left:5%; }
	
	
	
	/*==== start 會員、購物車等頁面設定 ==================================*/
	.section-header{ margin-bottom:15px; }
	
	.half-area-left{ width:100%; margin-right:0; }
	.half-area-right{ width:100%; }
	
	.backend-breadcrumb{ text-align:center; }
	
	.modal-wrap-border{ border-width:0px; padding:0px; }
	
	.form-inline-set .control-label , .form-inline-set .control-wrap{ display:block; text-align:left; }
	.form-inline-set .control-label{ margin-bottom:5px; }
	
	.cart-item-list{ border-width: 0px; border-top-width:1px; padding:0px; } 
	
	.cart-item-total-box{ text-align:left; }
	
	.tb-cart td:nth-child(1){ display:none; }
	
	.tb-cart-qtybox{ min-width:auto; width:90px;}
	.tb-cart-qtybox .control-num{ width:100%; margin-bottom:5px; }
	.tb-cart-qtybox .qtyminus{ padding-top:5px; padding-bottom:5px; width:42px; }
	
	.cart-total-area.pdright{ padding-right:0px;}
	
	.order-list{ border-width:0px; padding:0px; }
	
	
	/*響應式表格*/
	.rwd-tb , .rwd-tb thead , .rwd-tb tbody , .rwd-tb th , .rwd-tb td , .rwd-tb tr {display: block;}
	.rwd-tb thead tr { position: absolute; top: -9999px; left: -9999px;}/* 隱藏 table headers (but not display: none;, for accessibility) */
	.rwd-tb thead , .rwd-tb tr{ border-width:0px; }
	.rwd-tb td{
		border: 1px solid #e5e5e5;
		border-bottom:0px solid transparent;
		position: relative;
		padding:7px 10px 7px 120px;
		text-align:left;
		width:100%;
	}/*讓每列表格全寬100%*/
	.rwd-tb td:last-child{border-bottom:1px solid #E6E6E6;}
	.rwd-tb tr{margin-bottom:15px;}/*每個項目*/
	.rwd-tb tr:nth-of-type(even) td{ background:rgba(209,209,209, 0.2); }
	.rwd-tb td:after {
		position: absolute;
		top:50%;
		left: 6px;
		font-size:1em;
		line-height:2;
		margin-top:-16px;
		vertical-align:middle;
		white-space: nowrap;
		width: 80px;
	}/*螢幕縮小後的標題*/
	
	/*訂單查詢*/
	.tb-order td:nth-of-type(1):after { content: "訂單編號"; }
	.tb-order td:nth-of-type(2):after { content: "訂購日期"; }
	.tb-order td:nth-of-type(3):after { content: "訂單總額"; }
	.tb-order td:nth-of-type(4):after { content: "處理進度"; }
	.tb-order td:nth-of-type(5):after { content: "付款回報"; }
	.tb-order td:nth-of-type(6):after { content: "詳細資訊"; }
	
	
	.register-rule iframe{ height:200px;}
	
	
	.sec-content-login .half-area-left{ margin-bottom:20px; }
	.sec-content-login .half-area-right{ padding-top:20px;}
	.sec-content-login .half-area-left:before{
		position:absolute;
		right:5%;
		bottom:0;
		top:auto;
		height:1px;
		width:90%;
	}
	
	.login-help{text-align:center;}
	
	.backend-back-line{ text-align:center; }
	
	
	/*.cart-item-pic img{max-width:50px;}*/
	
	.cart-item-intro{ display:none; }

	/*==== end 會員、購物車等頁面設定 ==================================*/

}


@media only screen and (max-width: 640px) {
	
	.page-overlay:before{
		top:200px;
		right:50%;
		width:150px;
		height:300px;
		margin-top:0;
		margin-right:75px;
		content:"";
		background:url(../images/page-overlay-dec3.png) no-repeat center;
		background-size:100% auto;
		opacity:0.5;
	}
		
	
	/*頁尾*/
	.footer-info-item{ width:100%; margin-left:0; margin-right:0; }
	
	/*頁尾*/
	.footer-img-desktop{ display:none; }
	.footer-img-mobile{ display:block; }
	
	
	/*導覽路徑*/
	.breadcrumbs{ text-align:center; margin:15px 0 20px 0; }
	
	.category-heading-view{ padding-right:0; text-align:center; }
	.category-heading-view .view-date{ right:0; width:100%; text-align:center;  }
	.category-heading-view:before , .category-heading-view:after{ display:none; }
	
	
	/*詳細頁縮圖*/
	.thumbnail-list.three-cols li{ width:100%; margin:10px 0;}
	
	
	
	/*商品列表*/
	.product-list.three-cols li{ width:47%; margin-right:6%; margin-bottom:30px; }
	.product-list.three-cols li:nth-child(3n){ margin-right:6%; }
	.product-list.three-cols li:nth-child(2n){ margin-right:0; }
	

	/*商品介紹*/
	.product-list.five-cols li{ width:47%; margin-right:6%; margin-bottom:30px; }
	.product-list.five-cols li:nth-child(2n){ margin-right:0; }
	
	
	/*商品詳細*/
	.product-view-gp{ display: flex; flex-wrap:wrap; margin-top:30px; margin-bottom:60px; }
	.product-view-gp-left{ width:100%; margin-right:0; }
	.product-view-gp-right{ width:100%; }
	
	.pro-view-photos{ margin-bottom:30px; }
	.pro-view-photos .item-thumb-frame .item-thumb{ padding-bottom:100%; }
	
	
	
	
	/*==== start 會員、購物車等頁面設定 ==================================*/
	.shop-process-list li{ float:left; display:block; width:50%; text-align:left; }
	.shop-process-item{ text-align:left; }
	.shop-process-list li:nth-child(2n) .shop-process-item:before{ display:none; }
	.shop-process-list li:nth-child(2n+1){ text-align:right; }
	
	.tb-cart td:nth-child(3){ display:none; }
	
	/*==== end 會員、購物車等頁面設定 ================================*/
	
	
	
}


@media only screen and (max-width: 480px) {
	
	/*頁首*/
	.header-left{ width:130px; }
	.header-right{ width:calc( 100% - 130px ); }
	
	
	.menu-toggle-content{ width:100%; border-left-width:0px; border-right:3px solid rgb(255,255,255,0.8); left:0; right:auto; }
	.menu-mobile-list , .menu-mobile-list ul { width:100%; }
	.header-fixed-box { width:100%; border-left-width:0px; border-right:3px solid rgb(255,255,255,0.8); left:0; right:auto }
	.menu-toggle-heading{ width:100%; }
	
	.mobile-menu-close{ right:10px; }
	

	
	
	
	/*分類*/
	.category-heading .title{ display:block; }
	.category-heading .subtitle{ display:none; }

	
	/*商品列表*/
	.product-list.three-cols li{ width:90%; margin-right:5%; margin-left:5%; margin-bottom:45px; }
	.product-list.three-cols li:nth-child(3n){ margin-right:5%; }
	.product-list.three-cols li:nth-child(2n){ margin-right:5%; }
	
	
	/*最新消息*/
	.post-list li{ width:90%; margin-left:5%; margin-right:5%; }
	.post-name{ margin-bottom:5px; }
	.post-intro{ display:none; }
	
	/*門市據點*/
	.contact-heading{ padding-right:0; margin-bottom:15px; }
	.contact-heading .subtitle , .contact-heading:before , .contact-heading:after{ display:none; }
	
	
	/*相關連結*/
	.link-left , .link-right{ width:100%; }
	.link-photo{ margin-bottom:20px; }
	
	
	
	
	/*==== start 會員、購物車等頁面設定 ==================================*/
	.center-list li{ width:47%; margin-right:6%; margin-left:0; margin-bottom:0; } 
	.center-list li:nth-child(2n){ margin-right:0%; } 
	
	.cart-item-left-box{ display:none; }
	.cart-item-right-box{ width:100%;}

	/*.cart-item-pic{ display:none;}
	.cart-item-title{ width:100%;}*/
	
	/*==== end 會員、購物車等頁面設定 ================================*/
	
}


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

	/*頁首*/
	.header{ padding-left:10px; padding-right:10px; }
	.header-left{ width:100px; }
	.header-right{ width:calc( 100% - 100px ); }
		
}


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

	
	/*==== start 會員、購物車等頁面設定 ==================================*/
	.shop-process-item{ margin-left:2px; margin-right:2px; }
	.shop-process-item:before{ display:none; }
	
	/*==== end 會員、購物車等頁面設定 ================================*/
	
		
}