/*320 below*/
@media screen and (max-width: 635px) { 
.nav_top .nav_select select {

float: right;
padding: 25px 0px 0px 0px;
text-transform: uppercase;
width: 100%;

		
		}	
		
		
.nav_top  {padding-top: 6px;
padding-bottom: 31px;}		

.logo_main {text-align:center;
padding-top: 16px;
width: 100%;
}
.nav_top li a {text-decoration:none; 
		color:#000;
		
	}
.nav_top li a:hover {text-decoration:underline; 
		color:#000;
		
	}

}
/*480 below*/
@media screen and (max-width: 645px) { 

.left_inner 	{display:block;
}

.right_inner 	{display:block;
}

.before_box {
	text-align:center;

width:100%;
display:block;
}

.before_img1{
text-align:left;
width:20%;
display:table-cell;
padding:10px;
}


.after_box {text-align:left;
display:table-cell;
width:100%;
}

.after_img1{
text-align:center;
width:20%;
display:table-cell;
padding:10px;
}

.nav_top {padding-right:6px;
float: left;
width: 100%;}
.nav_top .nav_select {
	display:block; 
	
	
	}
	
.nav_top .nav_select select{
	width:200px;
	float:right;
	
		}	

.nav_top ul {display:none;	
	}
.bgtop_color {height:46px;
text-align:center;}



}
/*640 below*/
@media screen and (max-width: 742px) { 

.banner_bg_img {
	line-height:1.6em;
	}
.nav_top li{font-size:11px;
padding-left: 12px !important;}

}
/*800 below*/
@media screen and (max-width: 1022px) {
	
.nav_top li{padding-left: 16px;}
	
.container {width:100%;}


.container_center {width:100%;}



}
/*1024 below*/
@media screen and (max-width: 1024px) { 

}