@media only screen and (max-width: 890px) {
.span4 img { width:100%;}
.header-mid { width:96% !important; margin:auto; padding:10px;}
.header-mid .col3 { padding:10px 0px 0; }
body{background: url(../img/bg-resp.jpg) #FFF 0 0 repeat-x;}
.header-mid .col2 {width:52%; padding:0 20px; }
.header-mid .col2 img {width:100%;}
.col2 img{ padding-top:20px;}
.header-nav { width:100%; float:left; margin-top:06px;}
.cen img { width:100%;}
.main { overflow:hidden; width:100%; padding:0px 0px;}
.header-top .col1 { font-size:12px;}
.header-top ul li a { font-size:12px;}
.header-nav { border-radius:0px;} .header-nav ul a:first-child{ padding-left:20px;}
.header-nav ul a { padding-left:20px; text-align:left;  background: url(../images/resp-nav.jpg);    border-right: 0px solid #FFFFFF;  width:100%; }
.page-bottom { padding:0px 10px;}
.footer-bottom { padding:10px;}
.footer-mid { padding:10px;}
.date {  border-bottom: 5px solid #CCCCCC;    margin: 0;    padding: 10px 0;}
.header-top .col3 { width:38%;}
.header-top .col2 { width:28%;}
/**inner**/
.inner_content {  width:98%;background:#fff; padding:0px 10px;  }
.hide {  display:none;}
.span5 {  width:24%; padding-left:5px;}
.span4 {  width:72%; padding-left:0px;}
.content { background:none; width:100%;}
.home-footer-content { clear:both;}
.span_middle { width:40%;}
.span_right { width:32%;}
.span_right img { width:100%;}
.span_left { width:20%;}
.span_middle img { width:100%;}
.span5 img { width:100%; height:100%;}
.s-menu { padding:0 15px; margin:5px 0 05px;}
.decade-pre { width:98%; padding-left:0px;}
.content { width:96%; padding:0 2%;}
#Table5 { width:90%;}
.search1 { width:22%;}
.search1 img{ display:none;}

}

@media only screen and (max-width: 768px) {

.header-mid .col3 { width:14%;}
.search1 { width:24%;}
.header-top .col2 { display:none;}
.span_middle { width:39%;}
.header-mid .col2 img { width:100%;}
.header-mid .col1 {}
.span5 img {  width:100%;  height:auto;}
.span4 { padding: 0 2% 0 0; width:71%;}
.footer-nav { width:90%;}
.span_right img { width:100%; height:auto;}
.header-mid .col2 { width:47%;}
.span4a { width:71%;}
.respone {left:11% !important}
}

@media only screen and (max-width:700px) {

.header-mid .col2 img { width:100%;}
.search1 { width:26%;}
.span_left { width:23%;} 
.span_right { width:25%;}
.home-footer-content { display:none;}
.header-top .col1 { width:48%;}
.header-top .col2 { display:none;}
.header-top .col3 { width:45%;}
.footer-nav { width:90%;}
.footer-mid .col2 img { width:100%;}
.login_box{ width:95%; margin:0 8px;}
}

@media only screen and (max-width: 580px) {

.search1 { width:96%; display:block !important; float:none; padding-left:15px;  overflow:hidden; margin:auto;}
.search1 a { float:left;}
.search1 img { display:block;}
.search1 input[type="text"] {    border: 1px solid #E7E7E7;       padding:6px 20px 6px 10px;    width: 82%;}
.header-mid .col3 { display:none;}	
.header-mid .col2 { overflow:hidden;}
.header-mid .col2 img {width:100%;}
.span_right { width:100%;  margin:0px 0px 20px 0px;}
.span_right img {width:100%; height:auto;}
.span_middle { padding:0px; width:100%;  margin:0px 0px 20px 0px;}
.span_left { padding:0 1% 0; width:98%; margin:0px 0px 20px 0px;}
.header-top .col1 { width:100%; padding:0px 20px; font-size:10px;}
.content { width:96%; background:#fff;}
.header-mid .col1 { display:none;}  
.header-top .col2 { display:none;}  
.home_ad_01 { display:none;}  
.span_middle img {width:100%; height:100%;}
.header-top .col3{ display:none;}  
.header-mid .col3{ padding:10px 0px;}
.header-mid .col3 .fb { display:none;}
.header-mid .col3 .tw { display:none;}
.home-footer-news{ display:none;}  
.hd{ display:none;} 
.footer-nav {width:82%;} 
.footer-mid .col2{ width:100%; text-align:center;}
.footer-mid .col3{ width:100%; text-align:center}
.footer-mid .col1 { width:100%;}
.page-bottom .col3 { width:28%;}
.page-bottom .col1 { width:32%;}
.page-bottom .col2 { width:40%;}
.header-mid .col2 img { width:100%; padding-top:8px;}
.header-mid .col2 { width:100%; text-align:center; }
.header-mid .col2 img { width:60%; text-align:center; }
/**inner**/
.inner_content {  width:96%; padding:0px 10px;  margin:0 auto; }
.hide {  display:none;}
.span5 {  width:100%; padding:0px;}
.span4 { border:0px;  width:100%; }
.footer-mid .col2 img { width:264px; height:63px;}
.header-top .col1 { width:100%; text-align:center; padding:0px; font-size:08px;}
.span4a { width:98%;}
.span5 { padding-top:20px; padding-left;0px;}
.span4a dl img { width:100%;}
.span5 a img { width:100%;}
}

@media only screen and (max-width: 320px) {
.header-nav { margin-top:15px;}
.header-mid .col2 { padding:0px;}
.header-mid { width:96%;}
.search1 { width:96%; display:block !important; float:none; padding-left:0px;  overflow:hidden; margin:auto;}
.search1 input[type="text"] { width:70%;}
.header-mid .col2 { width:100%;}
.header-top .col1 { width:100%; text-align:center; padding:0px; font-size:14px;}
.login_box_row { line-height:10px; font-size:16px;}
.footer-nav > ul { padding-left:15px;}
.box { width:90%; margin;auto;} 
#ContentPlaceHolder1_ValidationSummary1 { width:80%; margin:20px auto;}
.header-top .col1 { display:none;}
.header-top .col3 { display:inline; width:100%; margin-right:32px;}
.respone {display:none;}
}

/*@media only screen and (max-width : 580px) {
	.header-nav { border-bottom: 0;  }
	.header-nav ul {
		display: none; padding:0px; margin:0px;
		height: auto;
	}
	.header-nav #pull {
		display: block; height:38px;
		background-color: #1b1b1b;
		width: 100%; color:#fff;
		position: relative;
	}
	.header-nav #pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 50px;
	display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	.header-nav a { border:0px; width:96%; text-align:left; text-indent:20px;}
	
	.header-nav a{ border-bottom:1px solid #576979;}
	.header-nav ul a:first-child { padding-left:10px;}
	.header-nav ul a:last-child { padding-right:10px;}
	
}*/