/* CSS Document */

@media only screen and (min-width: 320px) and (max-width:1200px) {
#content_case {
    width: 94%;
    margin: 1% auto 0;
}
#banner {
    
    width: 100%;
   
}
#head #head_logo {
   
    width: 100%;
   
}
.h01 {
    
    margin-bottom: 3%;
 
}
#left_news_out {
    width: 100%;
    margin: 0 auto;
    display: block;
}
#left_news {
    display: block;
    width: 100%;
    height: auto;
    padding:3% 0 2% 0;
    position: relative;
}
#left_news a{   
 margin: 1%;
    display: inline-block;
    width: calc(95% / 2);
}
#left_news_out > img {
    display: none;
}
	#content{
		width: 100%;
margin: 0 auto;
	}
#button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#button .topBtn {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    width: calc(87.5% / 4);
}
}
@media only screen and (min-width: 320px) and (max-width:720px) {

	#cart_run{display: none;}
	#button_switch{
		display: block;
    padding: 15px 0;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    background: #062C7F;
	}
	#button{
		display: none;
		position: relative;
		z-index: 999;
	}
	#button span{
		display: none;
	}
	#button a{
		    display: block;
    padding: 11px 0;
    border-bottom: 1px solid rgba(238,238,238,0.15);
	}
	#banner{margin: 0;}
	.product_menu ul li {
	width: 49%;
	margin-bottom: 1%;
}
#button .topBtn p {
    
    text-align: center;
}
.prodcut ul li{
	width: 48%;
	margin-bottom: 3%;}
.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;
}
#button .topBtn {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
}
#left_news a {
    margin: 1% auto;
    display: block;
    width: 100%;
}
}
@media only screen and (min-width: 320px) and (max-width:480px) {

#head #language {
    position: static;
    z-index: 999;
    background: #eee;
    padding: 2% 0;
}
.qr{
	padding: 10px 0;
	width: 90%;
	margin: 0 5%;
	text-align: center;}

}