@charset "utf-8";
@media (max-width: 1186px) {
	#menuContainer ul li{
		margin:0 20px 0 0;
	}
}
@media (max-width: 1127px) {
	#menuContainer ul li{
		margin:0 15px 0 0;
	}
}
@media (max-width: 1090px) {
	#menuContainer ul li{
		margin:0 10px 0 0;
	}
}
@media (max-width: 1070px) {
	.desktop{
		display:none !important;
	}
	.mobile{
		display:block !important;	
	}
	table{
		float:left;
		width:100% !important;
	}
	/*=======================================================================================================================*/
	/*slieContainer start*/
	#slieContainer .textWrapper{
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align:center;
		
	}
	#slieContainer .textWrapper h1{
		font-size:20px;
		margin-bottom:5px;
	}
	#slieContainer .textWrapper span{
		font-size: 14px;
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 15px;
		padding-right: 15px;
	}
	/*slieContainer end*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*popupContainer start*/
	#popupContainer .popupWrapper{
		width:80%;
	}
	/*popupContainer end*/
	/*=======================================================================================================================*/
	#mobileLayer{
		width:35%;
		position:fixed;
		top:0;
		bottom:0;
		right:-35%;
		background-image:url(../img/black_bg.png);
		z-index:999999;
		display:block;
		/*
		-webkit-backdrop-filter: blur(3px);	
    	backdrop-filter: blur(3px);	
		*/
	}
	#mbileHead{
		display:block;
		width:100%;
		padding-top:20px;
		padding-bottom:20px;
		position:relative;
		text-align:center;
	}
	#mbileHead .menu{
		position:absolute;
		top: 50%;
		left: 20px;
		transform: translate(0, -50%);
		width:30px;
	}
	#mbileHead .menu img{
		width:100%;
	}
	#mbileHead .logo{
		height:60px;
	}
	#mbileHead .logo img{
		height:60px;
	}
	#mbileHead .cart{
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translate(0, -50%);
		width: 60px;
		display: inline-block;
		padding-right: 23px;
		background-image: url(../img/cart_icon.png);
		background-repeat: no-repeat;
		background-position: center right;
		background-size: 24px 24px;
		
		height: 30px;

	}
	#mbileHead .cart label{
	position:absolute;
	top:-7px;
	right:-5px;
	width:15px;
	height:15px;
	line-height:15px;
	text-align:center;
}
	/*=======================================================================================================================*/
	/*headContainer start*/
	#headContainer{
		position:fixed;
		width:65%;
		left:-65%;
		top:0;
		bottom:0;
		overflow-y:auto;
		overflow-x:hidden;
		background-color:#FFFFFF;
		z-index:999999;
	}	
	#headContainer .headWrapper{
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
	}
	#headContainer .headWrapper .mobileClose{
		float:left;
		width:100%;
		display:block;
		text-align:right;
	}
	#headContainer .headWrapper .mobileClose img{
		height:20px;
	}
	#headContainer .headWrapper .topBnt{
		float:right;
		width:100%;
		padding-bottom:20px;
		border-bottom:1px #4d4542 solid;
	}
	#headContainer .headWrapper .topBnt .lang{
		width:50% !important;
		text-align:center;
		border-bottom:1px #4d4542 solid;
		margin-bottom:20px;
	}
	#headContainer .headWrapper .topBnt .line{
		display:none;
		
	}
	#headContainer .headWrapper .topBnt ul{
		width:auto;
		float:right;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	#headContainer .headWrapper .topBnt ul li{
		float:left;
		width:100%;
		margin:0 0 0 0;
		padding:5px 0 5px 0;
	}
	#headContainer .headWrapper .topBnt ul li:hover #headCart{
		display:none;
	}
	#headContainer .headWrapper .topBnt ul li a.Order{
		display:inline-block;
		padding-right:30px;
		background-size:20px 20px;
	}
	#headContainer .headWrapper .topBnt ul li a.login{
		display:inline-block;
		padding-right:30px;
		background-size:20px 20px;
	}
	#headContainer .headWrapper .topBnt ul li a.cart{
		display:inline-block;
		padding-right:30px;
		background-size:20px 20px;
	}
	#headContainer .headWrapper .logo{
		display:none;
	}
	#headContainer .headWrapper .menu{
		width:100%;
		float:right;
		margin-top:20px;
		
	}
	/*headContainer end*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*menuContainer start*/
	#menuContainer{
		width:100%;
	}
	#menuContainer ul{
		width:100%;
		float:left;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	#menuContainer ul li{
		float:left;
		width:100%;
		margin:0 0 0 0;
		padding:5px 0 5px 0;
	}
	/*menuContainer end*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*headCart start*/
	#headCart{
		display:none;
	}
	/*headCart end*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*homeContainer start*/
	#homeContainer .homeWrapper{
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
	}
	#homeContainer .productList{
		display:inline;
		flex-wrap: wrap;	
	}
	#homeContainer .productGrid{
		/*
		width:calc(90% - 20px) !important;
		float:left;
		margin-left:-50px !important;
		margin-right:10% !important;
		*/
		width:calc(100% - 20px) !important;
		float:left !important;
	}
	#homeContainer .discoverGrid{
		flex:0 0 calc(100% - 20px); 
	}
	#homeContainer .productWrapper .prev{
		display:none !important;
	}
	#homeContainer .productWrapper .next{
		display:none !important;
	}
	/*homeContainer end*/
	/*=======================================================================================================================*/	
	/*=======================================================================================================================*/
	/*aboutContainer start*/
	#aboutContainer .aboutWrapper{
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
		padding-top:30px;
	}
	#aboutContainer .aboutWrapper h1{
		font-size:80px;
	}
	/*aboutContainer end*/
	/*=======================================================================================================================*/	
	/*=======================================================================================================================*/
	/*productContainer start*/
	#productContainer .productWrapper{
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
		padding-top:30px;
	}
	
	#productContainer .productCategory select{
		display:block;
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		line-height:inherit;
	}
	#productContainer .productCategory ul{
		display:none;
	}
	/*
	#productContainer .productCategory ul{
		width:100%;
		margin:0 0 0 0;
		padding:0 0 0 0;
		text-align:center;
	}
	#productContainer .productCategory ul li{
		width:100%;
		display: inline-block;
		line-height:30px;
		padding:0 0 0 0;
		list-style:none;
		position:relative;
		border:1px #ffffff solid;
		margin-bottom:10px;
	}
	#productContainer .productCategory ul li:hover{
		border:1px #ffffff solid;
	}
	#productContainer .productCategory ul li a{
		display:inline-block;
		width:100%;
		border:1px #ffffff solid;
	}
	#productContainer .productCategory ul li:hover a{
		color:#7ca9bc;
		display:inline-block;
		width:calc(100% - 40px);
		padding:0px 20px 0px 20px;
		border:1px #ffffff solid;
	}
	#productContainer .productCategory ul li:hover a:hover{
		border:1px #4d4542 solid;
	}
	
	
	#productContainer .productCategory ul li ul{
		width:100%;
		margin:0 0 0 0;
		padding:5px 0 0 0;
		position:inherit;
		z-index:99;
		left:-1px;
		display:none;
		transition: all 0.4s ease-in-out;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}
	*/
	
	
	
	#productContainer .productList .productGrid{
		flex:0 0 calc(100% - 20px); 
	}
	#productContainer .productDetail .path{
		width:100%;
		margin-bottom:20px;
	}
	#productContainer .productDetail .paging{
		width:100%;
	}
	#productContainer .productDetail .phWrapper{
		width:100%;
		float:left;
		margin-right:0;
		margin-top:30px;
	}
	#productContainer .productDetail .infoWrapper{
		width:100%;
		float:left;
		margin-top:80px;
		margin-left:0;
	}
	#productContainer .productDetail .infoWrapper .proField select{
		width:calc(100% - 152px);
	}
	#productContainer .productDetail .infoWrapper .proBnt input[type=button]{
		width:100%;
	}
	#productContainer .productDetail .infoWrapper .proBnt input[type=button].addToCart{
		margin-right:0;
		margin-bottom:20px;
	}
	#productContainer .productDetail .infoWrapper .proBnt input[type=button].buy{
		margin-left:0;
	}
	#productContainer .relatedGrid{
		flex:0 0 calc(100% - 20px); 
	}
	/*productContainer end*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*subscripContainer start*/
	#subscripContainer .subscripWrapper{
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
	}
	#subscripContainer .form form{
		width:100%;
		margin-left:0;
	}
	#subscripContainer .form input[type=text]{
		width:calc(100% - 44px);
		float:left;
		margin-bottom:10px;
	}
	#subscripContainer .form input[type=submit]{
		width:100%;
	}
	/*subscripContainer end*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*tailContainer start*/
	#tailContainer .tailWrapper{
		margin:0 auto;
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
		text-align:center;
	}
	#tailContainer .tailLeft{
		width:100%;
		float:left;
		padding-bottom:5px;
	}
	#tailContainer .tailRight{
		width:100%;
		float:left;
		text-align:center;
		padding-top:5px;
	}
	/*tailContainer end*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*discoverContainer start*/
	#discoverContainer{
		margin-top:30px;	
	}
	#discoverContainer .discoverWrapper{
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
	}
	#discoverContainer .discoverGrid{
		flex:0 0 calc(100% - 20px); 
	}
	#discoverContainer .paging a{
		margin-right:0;
		float:left;
	}
	#discoverContainer .paging a:nth-child(even){
		margin-left:0;
		float:right;
	}
	/*discoverContainer end*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*parnterContainer start*/
	#parnterContainer{
		margin-top:30px;	
	}
	#parnterContainer .parnterWrapper{
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
	}
	#parnterContainer .parnterGrid{
		flex:0 0 calc(100% - 60px); 
	}
	/*parnterContainer end*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*loginContainer start*/
	#loginContainer .loginWrapper{
		margin:0 auto;
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
	}
	#loginContainer .form input[type=submit]{
		padding-left:0;
		padding-right:0;
		width:100%;
	}
	#loginContainer a.register{
		padding-left:0;
		padding-right:0;
		width:100%;
		text-align:center;
	}
	/*loginContainer end*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*accountContainer start*/
	#accountContainer .accountWrapper{
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
	}
	#accountContainer .accountWrapper input[type=submit]{
		padding-left:0;
		padding-right:0;
		width:100%;
	}
	#accountContainer .leftWrapper{
		width:100%;
		float:left;
		margin-right:0;
		margin-bottom:40px;
	}
	#accountContainer .rightWrapper{
		width:100%;
		float:left;
	}	
	#accountContainer .homeList{
		width:calc(100% - 2px);
		margin-right:0;
		border:1px #4d4542 solid;
		border-bottom:0px;
		float:left;
		margin-bottom:30px;
	}
	#accountContainer .homeList:nth-child(even){
		margin-left:0;
		margin-right:0;
	}
	#accountContainer .infoWrapper{
		margin:0 auto;
		width:100%;
		max-width:100%;
		
	}
	#accountContainer .infoGrid input[type=text], #accountContainer .infoGrid input[type=passwrod]{
		width:calc(100% - 42px);
		float:left;
		margin-bottom:30px;
	}
	#accountContainer .infoGrid span{
		width:100%;
		position:inherit;
		right:inherit;
		transform:none;
		
	}
	#accountContainer .infoGrid .textField{
		width:100%;
	}
	#accountContainer .infoGrid .textareaField{
		width:100%;
		margin-bottom:30px;
	}
	#accountContainer .infoGrid .inputField{
		width:100%;	
	}
	#accountContainer .infoGrid .inputField label{
		width:100%;
		margin-right:0;
		float:left;
	}
	#accountContainer .infoGrid .inputField input[type=text], #accountContainer .infoGrid .inputField input[type=passwrod]{
		width:calc(100% - 44px);	
	}
	#accountContainer .infoGrid textarea{
		width:calc(100% - 44px);
		min-width:calc(100% - 44px);
		max-width:calc(100% - 44px);
		
		
	}	
	#accountContainer .paymentWrapper{
		width:100%;
	}
	#accountContainer .paymentWrapper input[type=text].half{
		width:calc(100% - 42px);
		margin-left:0;
	}
	#accountContainer .paymentWrapper select{
		width:100%;
		margin-right:0;
	}	
	#accountContainer .addressList{
		flex:0 0 calc(100% - 42px); 
		margin-right:0;
	}
	#accountContainer .addressList.new{
		
		height:200px;
	}
	#accountContainer .addressWrapper input[type=text].half{
		width:calc(100% - 42px);
		margin-left:0;
	}
	#accountContainer .addressWrapper select{
		width:100%;
		margin-right:0;
	}
	#accountContainer .returnWrapper input[type=text].half{
		width:calc(100% - 42px);
		margin-left:0;
	}
	#accountContainer .statusList .orderDate{
		width:100%;
		float:left;
		padding-right:0;
		margin-bottom:20px;
	}
	#accountContainer .statusList .orderStatus{
		width:100%;
		float:left;
		padding-left:0;
	}
	#accountContainer .statusList .productInfo{
		width:calc(100% - 140px);
		float:left;
		margin-bottom:20px;
	}
	#accountContainer .statusList .productBnt{
		float:left;
		width:100%;
		position:inherit;
		margin-top:30px;
		
	}
	#accountContainer .statusList .productBnt:hover{
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
	#accountContainer .statusList .totalField{
		text-align:left;	
	}
	#accountContainer .historyList .orderDate{
		width:100%;
		float:left;
		padding-right:0;
		margin-bottom:20px;
	}
	#accountContainer .historyList .orderDeliver{
		width:100%;
		float:left;
		padding-right:0;
		margin-bottom:20px;
	}
	#accountContainer .historyList .orderStatus{
		width:100%;
		float:left;
		padding-left:0;
	}
	#accountContainer .historyList .totalField{
		text-align:left;	
	}
	/*accountContainer end*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*cartContainer start*/
	#cartContainer{
		margin-top:30px;	
	}
	#cartContainer .cartWrapper{
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
	}
	#cartContainer .emptyButton a{
		padding-left:0;
		padding-right:0;
		width:100%;
	}
	#cartContainer .productBody.empty a{
		padding-left:0;
		padding-right:0;
		width:100%;
	}
	#cartContainer .productHead{
		display:none;
	}
	#cartContainer .productBody .productList{
		border-bottom:1px	#b6b2ac solid;
		padding-bottom:20px;
		
	}
	#cartContainer .productBody .productList:last-child{
		border-bottom:0px;
		padding-bottom:0;
	}
	#cartContainer .productBody .productList .productName{
		width:100%;
		float:left;
		margin-bottom:20px;
		
	}
	#cartContainer .productBody .productList .productName .productRemove{
		width:20px;
		float:left;
		margin-right:10px;
	}
	#cartContainer .productBody .productList .productName .productRemove img{
		width:100%;
	}
	#cartContainer .productBody .productList .productName .productImg{
		width:calc(100% - 30px);
		float:left;
		margin-right:0;
		margin-bottom:20px;
	}
	#cartContainer .productBody .productList .productName .productImg img{
		width:100%;
		max-width:200px;
	}
	#cartContainer .productBody .productList .productName .productInfo{
		width:calc(100% - 30px);
		float:left;
		margin-left:30px;
	}
	#cartContainer .productBody .productPrice{
		width:calc(100% - 30px);
		float:left;
		margin-left:30px;
		text-align:left;
		padding-top:0;
		padding-bottom:20px;
	}
	#cartContainer .productBody .productPrice font{
		display:inherit;
	}
	#cartContainer .productBody .productQty{
		width:calc(100% - 30px);
		float:left;
		margin-left:30px;
		text-align:left;
		padding-top:0;
		padding-bottom:20px;
	}
	#cartContainer .productBody .productQty font{
		display:block;
	}
	#cartContainer .productBody .productTotal{
		width:calc(100% - 30px);
		float:left;
		margin-left:30px;
		text-align:left;
		padding-top:0;
		padding-bottom:20px;
	}
	#cartContainer .productBody .productTotal font{
		display:block;
	}
	#cartContainer .otherWrapper .remarkWrapper{
		width:100%;
		float:left;
		margin-right:0;
		margin-bottom:50px;
		min-height: 0;
	}
	#cartContainer .otherWrapper .checkoutWrapper{
		width:100%;
		float:left;
		margin-left:0;
	}
	#cartContainer .otherWrapper .checkoutWrapper .apply span a{
		height:60px;
		line-height:60px;
	}
	#cartContainer .textBox.half, #shippingContainer .textBox.half{
		width:calc(100% - 42px);
		margin-left:0;
	}
	/*cartContainer end*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*shippingContainer start*/
	#shippingContainer .shippingWrapper{
		margin:0 auto;
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
	}
	#shippingContainer input[type=submit]{
		width:100%;
	}
	#shippingContainer .form{
		width:100%;
		
	}
	#shippingContainer .form input[type=text].half{
		width:calc(100% - 42px);
		margin-left:0;
	}
	#shippingContainer .form select{
		width:100%;
		margin-right:0;
	}
	#shippingContainer .form .radioShipping{
		width:calc(100% - 35px);
	}	
	/*shippingContainer end*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*contactContainer start*/
	#contactContainer{
		margin-top:30px;	
	}
	#contactContainer .contactWrapper{
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
	}
	#contactContainer .textWrapper{
		margin-left:0;
		width:100%;
		float:left;
		border-bottom:1px #4d4542 solid;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	/*contactContainer end*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*=======================================================================================================================*/
	/*eventContainer start*/
	#eventContainer{
		margin-top:30px;	
	}
	/*eventContainer end*/
	/*=======================================================================================================================*/
}