body.active,html.active{
	overflow:hidden;
}

.table_j .mobile_label{
	display:none;
}

@media screen and (max-width: 1000px) {
	body{
		padding:0 0 50px 0;
	}

	.pcn_mbb{
		display:inline-block;
	}

	.guide{
		display:none;
	}

	header{
		border-bottom: 1px solid #CCC;
    	height: 70px;
    	padding: 0 10px;
    	position: fixed;
    	top: 0;
    	left: 0;
    	width: 100%;
    	z-index: 5;
    	background: #FFF;
	}

	.store_top{
		padding:4px 0 0 0;
		text-align:center;
	}

	#menuBtn {
		display: block;
		position: fixed;
		top: 19px;
		left: 10px;
		width: 50px;
		height: 35px;
		cursor: pointer;
		z-index: 10000;
	}

	.menu-btn {
		display: block;
	}

	.menu-btn span {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 5px;
		width: 45px;
		background: #999;
		transition: all .5s ease-out;
	}

	.menu-btn .line-2 {
		top: 14px;
	}

	.menu-btn .line-3 {
		top: 28px;
	}

	.menu-btn.active .line-1 {
		top: 14px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.menu-btn.active .line-2 {
		opacity: 0;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.menu-btn.active .line-3 {
		top: 14px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.Category_m.pro{
		width:100%;
		position:fixed;
		top:70px;
		left:0;
		margin: 0;
    	padding: 0 0 100px 0;
		background:#FFF;
		z-index:1000;
		overflow:auto;
		display:none;
		-webkit-overflow-scrolling: touch;
		box-sizing:border-box;
	}

	.Category_m.pro .c-list > a {
    	font-size: 17px;
    	padding: 15px;
    	font-weight: bolder;
	}

	.Category_m.pro > li.no > a {
    	background: none;
	}

	.Category_m.pro .c-list:hover{
		background:none;
	}

	.Category_m.pro .c-list > a{
	    padding: 18px 15px;
		font-size: 17px;
	    font-weight: bolder;
		background: url(../Images/arrow_s.png) no-repeat right 15px bottom 19px;
	}

	.Category_m.pro .c-list > a.focus {
    	color: #6bb8c6;
    	text-decoration: none;
    	background: url(../Images/arrow_sd.png) no-repeat right 15px bottom 20px;
	}


	.c-list-inner_m{
		padding:0;
		display:none;
	}

	.c-list-inner_m.open{
		display:block;
	}

	.c-list-inner_m li{
	    border-bottom: 1px solid #CCC;
	}

	.c-list-inner_m li a{
		display:block;
		height:40px;
		line-height:40px;
	    padding: 0 15px;
		font-size: 14px;
		color:#888;
	}

	.c-list-inner_m li a:before{
		content:"●";
		margin:0 5px 0 0;
	}

	.store_top .Name{
		display:none;
	}

	.store_top h1 img{
		max-height:60px;
	}

	.counter{
		padding:13px 0 0 0;
	}

	.counter .number{
		display:none;
	}

	.counter input[type=text]{
		width:150px;
	}

	.counter input.button{
		width:35px;
		text-indent:-999px;
		background: url(../Images/search.png) no-repeat,#6bb8c6;
		background-size:20px;
		background-position:center;
	}

	.search_box{
		padding:0;
		display:none;
	}

	.store_menu{
		display:none;
	}

	.mobile_menu{
		display:block;
		position:fixed;
		z-index:999;
		bottom:0;
		left:0;
		width:100%;
		padding:0 0 0 4px;
		border-top:1px solid #999;
		background:#FFF;
	}

	.mobile_menu > ul{
		margin:0;
		padding:0;
	}

	.mobile_menu > ul > li{
		width:20%;
		display:inline-block;
		margin:0 0 0 -4px;
	}

	.mobile_menu > ul > li > a{
		display:block;
		text-align:center;
		height:50px;
		line-height:50px;
		font-size:23px;
		color:#999;
	}

	.mobile_menu > ul > li.focus > a{
		color:#6bb8c6;
	}

	.mobile_menu > ul > li > a span{
		font-size:13px;
	}

	.mobile_menu .Category_m{
		position:fixed;
		top:0;
		background:#FFF;
		left:0;
		padding:0;
		width:100%;
		display:none;
		overflow:auto;
		z-index:998;
		-webkit-overflow-scrolling: touch;
	}

	.mobile_menu .Category_m.mobile{
		display:block;
	}

	.mobile_menu .Category_m > li{
		border-bottom:1px solid #CCC;
	}

	.mobile_menu .Category_m > li > a{
		font-size:17px;
		padding:18px 15px;
		font-weight:bolder;
		background:url(../Images/arrow_s.png) no-repeat right 15px bottom 19px;
	}

	.mobile_menu .Category_m > li > a.focus{
		color:#6bb8c6;
		text-decoration:none;
		background:url(../Images/arrow_sd.png) no-repeat right 15px bottom 20px;
	}

	.mobile_menu .Category_m > li.no > a{
		background:none;
	}

	.mobile_menu .Category_m .c-list-inner{
		position:inherit;
		opacity:1;
		left:0;
		box-shadow:none;
		width:100%;
		padding:0;
		background:none;
		display:none;
	}

	.mobile_menu .Category_m .c-list-inner.open{
		display:block;
	}

	.mobile_menu .Category_m .c-list:hover{
		background:#FFF;
	}

	.mobile_menu .Category_m .c-list:hover .c-list-inner{
		top:0;
	}

	.mobile_menu .Category_m .c-list-inner > li{
		border-bottom:1px solid #CCC;
	}

	.mobile_menu .Category_m .c-list-inner > li:last-child{
		border:none;
	}

	.mobile_menu .Category_m.search .form-group{
		margin:0;
		padding:18px 15px;
	}

	.mobile_menu .Category_m.search .form-group .btn{
		margin:15px 0 0 0;
		width:100%;
	}

	.c-list-inner a{
		font-size:14px;
		height:40px;
		line-height:40px;
	}

	.c-list-inner a:hover{
		text-decoration:none;
	}

	.c-list-inner a:before{
		content:"●";
		margin:0 5px 0 0;
	}

	.mobile_menu p{
		position:fixed;
		bottom:51px;
		background:#FFF;
		left:0;
		padding:0;
		width:100%;
		display:none;
		overflow:auto;
		z-index:998;
		height:40px;
		line-height:40px;
		background:#6bb8c6;
		text-align:center;
		margin:0;
		color:#FFF;
	}

	.mobile_menu p.focus{
		display:block;
	}

	.Main{
		padding:70px 10px 0 10px;
	}

	footer .copy{
		text-align:center;
		padding:20px 0;
	}

	footer .copy o{
		padding:25px 10px 0 10px;
	}

	footer .copy o b{
		display:block;
	}

	footer .copy i{
		margin:0 5px 0 0;
	}

	footer span{
		float:none;
		margin:0 auto;
	}

	footer span.ec{
		margin:15px auto 0 auto;
	}

	.step{
		display:none;
	}

	/*News*/

	.in_box.news li a.img{
		display:none;
	}

	.in_box.news li div{
		padding:0;
		width:100%;
	}

	/*Cart*/
	.table_j .tr{
		display:none;
	}

	/*User/Edit*/
	.user_edit .col-sm-6:first-child{
		padding:15px 0 0 0;
	}

	.user_edit .col-sm-6:nth-child(2){
		padding:15px 0 0 0;
	}

	/*pro*/

	.pro_list.left{
		display:none;
	}

	.pro_r{
		padding: 0;
	}

	.Sales_box{
		display: none;
	}

	.Sales_box.mobile{
		display: block;
		margin: 50px auto 0 auto;
	}

	/*Pay/Orderlist*/

	.Orderlist .title{
		position:relative;
		padding: 10px 100px 10px 10px;
	}

	.Orderlist .title a.now,.Orderlist .title a.write{
		position: absolute;
		right:13px;
		top: 13px;
		font-size: 14px;
		padding: 4px 10px;
	}

}

@media screen and (max-width: 768px){
	/*List*/
	.pro_list_r{
		padding:0;
	}
	/*pay*/
	.pay div.check p{
		float:none;
		text-align:center;
		margin:0 0 8px 0;
	}
	.pay div.check a{
		float: none;
    	margin: 0 auto 8px auto;
    	display: table;
	}

	/*User/Edit*/

	.user_title{
		overflow:hidden;
	}

	.user_title span{
		float:left;
		width:calc(100% - 30px);
	}

	.add_user{
		text-align:center;
	}

	/*Pay/Orderlist*/
	.key_search {
    	display:none;
	}

	.pay .Freight .col-sm-6 {
 	   padding: 15px 0;
	}

	.table_j .mobile_label{
		display:inline-block;
	}

	/*pro*/
	.detail_one{
		padding:15px 0 0 0;
	}
	.top_pro .sale{
		display:none;
	}

	.top_pro .sale.mm{
		display:block;
	}
}


@media screen and (max-width: 640px){
	.cart div.check{
		text-align: center;
	}
	.cart div.check p{
		float: none;
	}
	.cart div.check a{
		float: none;
		margin: 5px 0 0 0;
	}
	.table_j .td > div{
		text-align: center;
		padding:5px 10px;
	}
	.table_j .td > div.name{
		text-align: left;
	}
}