/*@media (max-width:1920px) {

}*/

/*@media (max-width:1440px) {

}*/

/*@media (max-width:1280px) {
	
}*/

@media (max-width:1024px) {
	.container{ width:92%;}
	
}

@media (max-width:960px) {
	.side-cart{display:none;}
	
	/*================================================================================
	================================================================================*/
	
	/*footer-info*/
	.mobil-show{ display:block;}
	
	/*================================================================================
	================================================================================*/
	
	.header-top{height:auto;}
	
	.header-top-left{width:100%;}
	
	.header-top-right{ 
		position:absolute; 
		top:0; 
		right:0px; 
		width:100%; 
		padding-top:0px; 
	}

	.header-top-right-box{
		display:inline-block;
		border:1px solid rgba(205,179,105, 0.5);
		border-top-width:0px;
		border-radius:0 0 5px 5px;
		padding:8px 10px 3px 10px;
	}
	
	.header-dec{
		height:20px;
	}
	
	/*================================================================================
	================================================================================*/
	
	.desktop-menu{ display:none;}
	
	/*================================================================================
	================================================================================*/
	
	/*會員中心和搜尋列的收縮鈕*/
	.side-link-trigger{ 
		display:inline-block;  
		vertical-align:middle; 
		padding:2px 10px 2px 10px;
	}
	
	.side-link-trigger i{ font-size:1.5em; color:#CDB369;}
	
	.side-link-close{
		display:block;
		position:absolute;
		top:15px;
		right:15px;
		z-index:15;
		width:30px;
		height:30px;
	}
	.side-link-close .icon-txt{display:none;}
	
	/*---------------------*/
	
	/*會員中心和搜尋列的收縮區塊*/
	.side-link-wrap{
		position: fixed;
		z-index: 10;
		top: -100%;
		left: 0;
		height: 100%;
		width: 100%;
		margin-top:0px;
		
		text-align:left;
		background:#000000;
		overflow-x: hidden;
		overflow-y: auto;
		
		transition:All 0.5s ease;
		
	}
	.side-link-wrap.is-open{/*height: 100%;*/ top: 0;}
	
	/*---------------------*/
	
	.quicklink-bar , .search-bar{display:block; margin:15px;}
	
	/*---------------------*/
	
	.quicklink-cart{
		display:inline-block;
		position:static;
		padding:2px 5px 2px 15px;
		margin-left:0;
		border-left:1px solid rgba(205,179,105, 0.5);
	}

	.quicklink-cart-title{display:none;}
	
	.quicklink-cart i{
		display:inline-block;
		font-size:1.5em;
		color:#CDB369;
		letter-spacing:0;
	}
	
	.quicklink-cart .badge{ margin-left:-3px; vertical-align:text-top;}
	
	/*---------------------*/
	
	.quicklink-bar{padding-right:50px;}
	
	.quicklink-list li{display:block;}
	
	.quicklink-list li a{
		display:block; 
		padding:10px 0; 
		font-size:1.1em; 
		border-bottom:1px solid rgba(205,179,105, 0.3);
	}
	
	/*---------------------*/
	
	.enlink{ display:none; }
	
	.enlink-title{ display:block; color:#CDB369; margin-top:10px; font-size:0.9em;}
	
	.enlink-content{
		position:static;
		visibility:visible;
		opacity:1;
		border:0px solid #CDB369;
		width:100%;
		background:transparent;
	}
	
		
	.en-link-gp{ margin:0px;}
	
	.en-link-gp a{
		margin:8px 5px;
		margin-left:0px;
		width:40px;
		height:40px;
		line-height:40px;
		border:1px solid #CDB369;
	}
	
	.enlink-close{
		display:none;
	}
	
	/*---------------------*/
	
	.search-fm{ 
		display:block;
		margin:20px 50px 50px 0; 
		position:relative;
	}
	
	.search-input , .search-btn{height:45px; font-size:1em;}

	.search-input{padding-right:55px; width:100%;}
	
	.search-btn{
		position:absolute;
		top:0;
		right:0;
		width:45px;
	}
	
	/*================================================================================
	================================================================================*/
	
	.page-banner{display:none;}
	
	/*================================================================================
	================================================================================*/
	
	.footer-top{display:none;}
	
	/*---------------------*/
	
	.footer-info{ text-align:center; }
	
	/*---------------------*/
	
	.footer-designer{ text-align:center;}
	
	/*================================================================================
	================================================================================*/
	
	
	.sidebar-left{display:none;}
	
	.sidebar-right{float:none;width:100%;}

	/*================================================================================
	================================================================================*/
	
	.cate-about{ display:none;}
	
	/*================================================================================
	================================================================================*/

	.item-group.item-contact > li{
		padding-bottom:60px;
	}
	
	.contact-box .box-pic{ display:inline-block; font-size:0; line-height:0;}
	.contact-box .box-pic img{ margin-bottom:0;}

	.contact-box .box-left{ position:relative; width:100%; text-align:left;}
	
	.contact-box .box-right{ padding:0;}
	
	.contact-box .social-link { display:inline-block; vertical-align:bottom; margin-left:5px;}
	
	.contact-box .social-link li img{ max-width:30px; margin-right:10px;}
	
	/*================================================================================
	================================================================================*/

	.links-box .shop-info-list span.intro{ display:none;}

	/*================================================================================
	================================================================================*/
	

}

@media (max-width:768px) {
	
	.footer-img-desktop{ display:none; }

	.footer-img-mobile{ display:block;}
	
	/*================================================================================
	================================================================================*/
	
	.half-area-left , .half-area-right{width:100%; }
	.half-area-right{/*margin-left:0%;*/ margin-top:30px;}
	
	/*================================================================================
	================================================================================*/
	
	.breadcrumbs{ text-align:left;}
	
	/*================================================================================
	================================================================================*/
	
	.sec-video iframe{ height:auto;}
	
	/*================================================================================
	================================================================================*/
	
	.cart-item-pic img{max-width:50px;}
	
	.cart-item-intro{ display:none; }
	
	.cart-quantity , .cart-total{ position:static; float:left; }
	.cart-quantity{ margin-right:20px;}
	
	/*================================================================================
	================================================================================*/
	
	.sec-content-login .half-area-left:before , .half-area-order .half-area-left:before{
		position:absolute;
		right:5%;
		top:110%;
		height:1px;
		width:80%;
	}
	
	.login-help{text-align:center;}
	
	/*================================================================================
	================================================================================*/
	
	/*數量-增減按鈕*/
	.qtyminus{padding:0 10px;}
	
	/*================================================================================
	================================================================================*/
	
	/*.fm-forg-pwd , .fm-register , .fm-revise{ width:70%;}*/
	
	
	.item-brands .effect-btarc-bgbox , .item-brands .effect-btarc:before{ display:none;}
	
	/*================================================================================
	================================================================================*/
	
	.sec-list-item-left{ width:100%; margin-bottom:5px;}
	.sec-list-item-right{ width:100%; margin-bottom:10px;}
	
	.sec-list li:nth-child(2n) .sec-list-item-left{ float:left;}
	.sec-list li:nth-child(2n) .sec-list-item-right{ float:left;}
	
	/*================================================================================
	================================================================================*/
	
	.item-six > li{ width:32%;}
	.item-six > li:nth-child(3n){ margin-right:0;}
	.item-six > li:nth-child(3n+1){ clear:both; float:left;}

	/*================================================================================
	================================================================================*/
	
	.center-list{ width:100%;}
	
	/*================================================================================
	================================================================================*/
	
	.half-area-order .half-area-right{padding-top:0px;}
	
	/*================================================================================
	================================================================================*/
	
	.en-list a:nth-child(13n+1){clear:none; float:left;}
	.en-list a:nth-child(8n+1){clear:both; float:left;}
	
	/*================================================================================
	================================================================================*/
	
	.register-mt{ margin-top:60px;}
	.register-rule iframe{ height:200px;}
	.agree-area { text-align:center;}
	
}


@media (max-width:640px) {

	.logo{ display:inline-block; margin-top:40px;}
	.logo img{max-width:160px;}
	
	/*================================================================================
	================================================================================*/
	
	.back-line{text-align:center;}
	
	/*================================================================================
	================================================================================*/
	
	/*.fm-forg-pwd , .fm-register , .fm-revise{ width:100%;}*/
	
	/*================================================================================
	================================================================================*/
	
	.effect-btarc:hover:before{ display:none;}
	
	/*================================================================================
	================================================================================*/
	
	.effect-btbox { padding-bottom:10px;}
	.effect-btbox-intro , .effect-btbox-more{ display:none;}
	.effect-btbox-title{ font-size:0.95em;}
	.effect-btbox-price{ text-align:center;}
	
	/*================================================================================
	================================================================================*/
	
	.scrolltop-btn{
		right:50%;
		margin-right:-20px;
	}


	/*================================================================================
	================================================================================*/
	
	.item-group > li{padding-bottom:60px;}
	
	/*---------------------*/

	.item-three > li{width:50%;margin-right:0%; padding-left:1%; padding-right:1%; }
	.item-three > li:nth-child(2n+1){ clear:both; float:left;}
	.item-three > li:nth-child(3n+1){ clear:none; float:left;}
	/*.item-three li:nth-child(3n+1){clear:none; float:left;}*/
	
	/*---------------------*/
	
	.item-four > li{width:50%;}
	.item-four > li:nth-child(2n+1){clear:both;float:left;}
	
	/*---------------------*/
	
	.item-six > li{width:50%; margin-right:0%; padding-left:1%; padding-right:1%;}
	.item-six > li:nth-child(2n+1){ clear:both; float:left;}
	.item-six > li:nth-child(3n+1){ clear:none; float:left;}
	
	
	/*================================================================================
	================================================================================*/
	
	
	/*響應式表格*/
	/* Force table to not be like tables anymore */
	.res-tb , .res-tb thead , .res-tb tbody , .res-tb th , .res-tb td , .res-tb tr {display: block;}
	
	/* 隱藏 table headers (but not display: none;, for accessibility) */
	.res-tb thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.res-tb thead , .res-tb tr{
		border:0px solid transparent;
	}
	
	/*讓每列表格全寬100%*/
	.res-tb td{
		
		border:0px solid transparent;
		border: 1px solid #cccccc;
		border-bottom:0px solid transparent;
		position: relative;
		padding:7px 10px 7px 120px;
		text-align:left;
		width:100%;
	}
	
	.res-tb td:last-child{border-bottom:1px solid #E6E6E6;}
	
	/*每個項目*/
	.res-tb tr{margin-bottom:15px;}
	
	.res-tb tr:nth-of-type(even) td{background:rgba(209,209,209, 0.2); }
	
	/*螢幕縮小後的標題*/
	.res-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: "詳細資訊"; }
	

	/*================================================================================
	================================================================================*/
	
	.center-list li{ 
		width:100%; 
		margin-bottom:0; 
		padding:10px 0;
	}

	.center-item{ margin-bottom:10px; background:transparent; text-align:left;}	
	.center-item-pic { 
		position:absolute; 
		top:5px; 
		left:5px; 
		width:50px; 
		height:50px; 
		background:#666666;
	}
	
	.center-item-pic img{max-height:50px; width:auto;}
	.center-item-title{ 
		display:block; 
		line-height:60px; 
		padding-left:65px;
	}
	.center-item .effect-btarc-bgbox , 
	.center-item:hover .effect-btarc-bgbox{
		background:transparent;
	}
	
	.effect-btarc-bgbox a{color:#666666;}
	
	.center-item.effect-btarc:hover .effect-btarc-bgbox , 
	.center-item.effect-btarc:hover .effect-btarc-bgbox a{
		color:#cdb369;
	}
	
	
	/*================================================================================
	================================================================================*/
	
	.sec-explain-cart{ padding-left:5px; padding-right:5px;}

	/*================================================================================
	================================================================================*/
	
	/* 首頁 banner*/
	#owl-banner .owl-page span{width: 10px; height:10px;}
	
	/*================================================================================
	================================================================================*/
	
	.item-contact > li{ width:100%; padding-left:0%; padding-right:0%; padding-bottom:120px;}
	
	/*================================================================================
	================================================================================*/
	
	.item-links > li{ width:100%; padding-left:0%; padding-right:0%; padding-bottom:120px;}
	
	/*================================================================================
	================================================================================*/
	
	.item-pro-detail > li{ width:100%; padding-left:0%; padding-right:0%; padding-bottom:0px;}

	.pro-description .content{display:none;}

	/*================================================================================
	================================================================================*/
	
	.item-ad > li{ padding:5px;}
	
	.item-new-arrival > li{padding-bottom:10px;}
	
	/*================================================================================
	================================================================================*/
	
	.sec-thrmbnail li{width:49%;}
	
	.sec-thrmbnail li:nth-child(2n){margin-right:0%;}
	.sec-thrmbnail li:nth-child(3n){margin-right:2%;}
	sec-thrmbnail li:nth-child(2n+1){clear:both; float:left;}
	.sec-thrmbnail li:nth-child(3n+1){clear:none; float:left;}
	
	
}

@media (max-width:480px) {	

	.cart-item-pic{ display:none;}
	.cart-item-title{ width:100%;}
	
	/*================================================================================
	================================================================================*/
	
	/*.breadcrumbs{ display:none;}*/

	/*================================================================================
	================================================================================*/

	.item-ad > li{width:100%; padding-left:0%; padding-right:0%; padding:5px;}
	
	.en-list a:nth-child(8n+1){clear:none; float:left;}
	.en-list a:nth-child(5n+1){clear:both; float:left;}
	
	/*================================================================================
	================================================================================*/
	
	.sec-thrmbnail li{width:100%;}
	.sec-thrmbnail li{margin-right:0%;}
	
	.sec-video iframe{ height:auto;}
	
}

/*@media (max-width:360px) {

}*/