@media screen and (max-width: 768px){
	html, body{width:100%; height:100%;}
	body{
		min-width:320px;
	}
	.wrapper{
		width:100%;
		overflow:hidden;
	}
	.mainwidth{
		width:100%;
	}
	
	.m_menuico{
		position:absolute;
		right:0;
		top:0;
		z-index:200;
		display:block;
		width:70px;
		height:70px;
		background: url(../images/m_menuico.png) no-repeat 50% 50%;
	}
	.m_menuico.cur{
		background: url(../images/mclose.png) no-repeat 50% 50%;
	}
	
	.header{
		position:relative;
		height:70px;
		z-index: 299;
	}
	.logo{
		display:block;
		float:none;
		margin:0;
		padding:10px 0 0 0;
		text-align:center;
	}
	.logo img{ height:50px;}
	
	.headercon{
		position:absolute;
		left:0;
		top:70px;
		z-index:299;
		padding:10px 0 30px 0;
		float:none;
		width:100%;
		background:#000;
		
		display:none;
	}
	.nav{
		float:none;
		margin:0;
		padding:0;
	}
	.nav li{
		float:none;
		display:block;
		margin:0 0 3px 0;
	}
	.nav li a{
		display:block;
		height:45px;
		line-height:45px;
		font-size:18px;
		text-align:center;

	}
	
	.headright{
		position: relative;
		right:auto;
		top:auto;
		float:none;
		margin:10px 0 0 0;
		padding:20px 0 0 0;
		text-align:center;
		border-top:1px solid #999;
	}
	.headright .cartbtn, .m_cartbtn{
		float:none;
		margin:0 auto;
	}
	.headright .cartbtn{ display:none;}
	.headright .m_cartbtn{ display:none;}

	.log_reg{
		float:none;
		padding:15px 0;
		margin:0;
		text-align:center;
		
	}
	.log_reg a{
		margin: 0 5px;
		color:#fff;
	}
	
	.lan{
		float:none;
		margin: 0;
		width:100%;
	}
	
	.banner{
		height:155px;
	}
	.banner .title{
		left:5%;
		top:20px;
		margin:0 auto;
		padding:15px 5%;
		width:80%;
	}
	.banner .title span{
		font-size:30px;
	}
	.banner .ban{
		display:block;
		height:155px;
	}
	.banner .ban_img{display:none;}
	.banner .mainwidth {
		position: absolute;
		left: 0;
		top: 0;
		margin-left: 0;
		width: 100%;
	}
	
	.indbrandcon{
		padding:20px 20px 0 20px;

	}
	.indinfotext{ margin:0 0 30px 0; width:100%;}
	
	
	.indbrandlist{
		margin:0;
		width:100%;
	}
	.indbrandlist li{
		float:none;
		display:block;
		margin:0 0 20px 0;
	}
	
	.indbrandlist .img{
		height: auto;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		-ms-border-radius:8px;
		border-radius:8px;
	}
	.indbrandlist li img{
		display:block;
		width:100%;
	}
	.indbrandlist .title{ display:none;}
	
	
	.conban .ban_img{ width:150%;}
	.conban .mainwidth,.conban_2 .mainwidth,.conban_3 .mainwidth{
		height:auto;
		width: 100%;
		margin: 0;
		left: 0;
	}
	.conban_2 .mainwidth{ height:auto;}
	.conban_3 .mainwidth{ height:auto;}
	
	.conban .title{
		font-size:30px;
	}
	
	.container{ padding:20px 20px 30px 20px; min-height:200px;}
	
	.conleft{
		float:none;
		margin:0;
		width:auto;
	}
	
	.bathlist li img{ width:100%; height:auto;}
	
	.bathtext p{
		float:none;
		margin:0;
		width:auto;
	}
	.conright{
		float:none;
		padding:10px 0 0 0;
		width:auto;
	}
	
	.hfleft{
		float:none;
		width:auto;
	}
	.fragrancelist li{
		padding:0;
		margin:0 0 25px 0;
	}
	.hfright{
		float:none;
		padding:0;
		width:auto;
	}
	.hfright img{ width:100%; height:auto;}
	
	.travelleft{
		float:none;
		padding:0;
		width:auto;
	}
	.travelright{
		float:none;
		margin:0;
		width:auto;
	}
	.travellist li img{
		width:100%;
		height:auto;
	}
	
	.storycon{
		padding:0;
		margin:0 0 25px 0;
	}
	.storycon .storyleft{
		float:none;
		width:auto;
	}
	.storycon .storyright{
		float:none;
		width:auto;
	}
	.storycon img{
		width:100%;
		height:auto;
	}
	.storycon_2 .storyright{
		padding:20px 0 0 0;
		text-align:left;
	}
	
	.storycon .text{
		width:auto;
	}
	
	.contactcon{
		padding:0;
	}
	.conttop .text{
		padding:0 0 10px 0;
		width:auto;
	}
	.contformcon{
		padding:30px 0 0 0;
	}
	
	.cleft{
		float:none;
		padding:0 0 25px 0;
		width:auto;
	}
	
	.cright{
		float:none;
		margin:0;
		width:100%;
	}
	
	.cformlist .input{
		padding:0 2%;
		width:95.5%;
	}
	.cformlist .textarea{
		padding:5px 2%;
		width:95.5%;
	}
	.cformlist .submit{}
	
	.prohead{display:none;}
	
	.mycartcon{ padding:0;}
	
	.prodlist{
		border-top:1px solid #777;
	}
	.prodlist .item{
		float:right;
		width:60%;
		margin:0 0 10px 0;
		padding:0;
		overflow:hidden;
	}
	.prodlist .item_1{
		float:left;
		width:35%;	}
	.prodlist .item_1 a img{ width:100%; height: auto;}
	.prodlist .title{ margin:0 0 10px 0;}
	.prodlist .price{ margin:0;}
	.prodlist .item_5{ text-align: left; margin:0;}
	.prodlist .rbtn{ color:#999;}
	
	.prodlist .cartnum{ margin:0;}
	
	.remark_total .remark{
		float:none;
		width:100%;
	}
	.remark_total .textarea{
		padding:5px 2%;
		width:95.5%;
	}
	.remark_total .subtotal{
		float:none;
		padding:20px 0 0 0;
		width:100%;
	}
	.remark_total .subtotal .text{ text-align:left;}
	
	.checkout .submit{ width:100%;}
	
	
	.proleft{
		float:none;
		margin:0 0 25px 0;
		width:100%;
	}
	.proleft_in{
		width:100%;
	}
	.proleft img{
		width:100%;
		height:auto;
	}
	.jqZoomPup{ display:none; filter:Alpha(opacity=0);opacity:0;}
	.zoomdiv{ display:none; filter:Alpha(opacity=0);opacity:0;}
	
	.container_pro{ padding:20px 20px 30px 20px;}
	
	.proright{
		float:none;
		padding:0;
		width:auto;
		border:none;
	}
	
	.cartcon{display:none;}


	.toptitle{ font-size:28px;}
	.porductcon{ padding:0;}
	.classifyfisrt{
		float:none;

		width:200px;
		
	}
	.classishow{
		float:none;
		margin:10px 0;
		width:200px;
	}
	.searchin{
		float:none;
		margin:0;
		width:196px;
	}
	.prosearch{
		margin:10px 0 0 0;
	}
	
	.productlist{
		margin:20px 0 0 0;
	}
	.productlist li{
		float:left;
		width:50%;
	}

	.productlist .border{
		display:none;
	}
	
	.productin{
		padding:20px;
	}
	.proinfo{
		padding:20px;
	}

	
	.footer{ padding:25px 20px 20px 20px;}
	.footleft{
		float:none;
		margin:0;
		width:100%;
	}
	.footform{
		margin:0 auto;
		width:100%;
	}
	.footform .input{ padding:0 2%; width:95.5%;}
	.footform .submit{ width:100%;}
	.footemail{
		float:none;
		margin:30px 0 0 0;
		width:100%;
	}
	
}