/* CSS Document */

@media only screen and (min-width: 320px) and (max-width:1100px) {
	#content{
		width: 100%;
	}
       div#left_news {
    display: none;
}
}
@media only screen and (min-width: 320px) and (max-width:720px) {
.topBtn::before, #button .topBtn:last-child::after{
content:"";
}
#head #head_logo{
width:100%;
background:#fff;
float: inherit;
}
#button .topBtn{
width: 100%;
}
#button .subBtn{display:block;position: static;}
#button{
width:100%;
}
	#cart_run{display: none;}
	#button_switch{
		display: block;
		padding: 10px 0;
		text-align: center;
		cursor: pointer;
		background:#406619;
color:#fff;
font-weight:normal;
	}
	#button{
		display: none;
		position: relative;
		z-index: 999;
	}
	#button span{
		display: none;
	}
div#button_switch:hover {
    color: #FFCF5E;
}
	#button a{
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid  #eee;
	}
	#banner{margin: 0;}
	.product_menu ul li {
	width: 49%;
	margin-bottom: 1%;
}
.prodcut ul li{
	margin-bottom: 3%;
    width: calc(90% / 2);}
.prodcut ul li:hover{
border:2px solid #ffd460;

}

.product_menu ul img {
	display: block;
	margin-bottom: 0;
}
.product_menu {
    width: 100%;
    margin-bottom: 5%;
}
.body_content {
	width: 100%;
}
.product_menu {
	width: 100%;
	margin-bottom: 5%;
}
#head #language {
	position: fixed;
	top: 10px;
	right: 10px;
	left:auto;
	text-align: center;
	z-index: 250;
}
#head{
padding:0;}
}
@media only screen and (min-width: 320px) and (max-width:480px) {
.qr{
	padding: 10px 0;
	width: 90%;
	margin: 0 5%;
	text-align: center;}

}