/***
For tablets and phones
***/
@media (max-width:400px) { 
	html>body .page-content{margin-left:0;}
	.content{margin:0;}
	.page-sidebar {
		display: none;
	}
	.page-sidebar,.page-sidebar ul {
		margin-top:0;
		width:100%;
	}
	.page-sidebar .link{display:block;}
	
	.content{ min-height:1450px;}
	.infoBox .pic{float:none;}
	.infoBox .text,.infoBox .text span{float:none; width:216px;}
	.infoBox .text{padding:0 0 0 40px;}
	
	ul.page-sidebar-menu > li.hidden-phone,.loginBox,.pager .hide_xs{display:none;}
	.space,.space22,.space32{margin-left:0;}
	.space8{margin-left:11px;}
	select, .inp01, .inp03{width:160px;}
	.inp02{width:98px;}
	.inp03{margin-bottom:15px;}
	.tBox{width:257px;}
	.tBox2{width:207px;}
	.blueBtn, .blueBtn2{width:126px;}
	.opBox img{margin:0 5px 5px 0;}
	
	.form-group{margin-bottom:5px;}
	.contBox2 h6{margin:0 0 15px;}
	.contBox2 .form-group label{width:100px;}
	.contBox2 .blueBtn3{width:160px; margin-left:104px;}
	.contBox2 .btnT{display:block; margin-left:105px;}
	.contBox2 .isD{display:block; margin-left:11px;}
	.controls{margin:0 10px 20px;}
		
	.loginPage .login-form{width:280px; height:257px; margin:-150px 0 0 -140px;}
	.loginPage h3{padding-bottom:0; font:18px/24px "Microsoft YaHei";}
	.loginPage .errorTip{width:278px; padding:0 0 0 35px; font-size:12px; background:#05498c url(../images/icon_close.gif) no-repeat 8px 8px;}
	.loginPage .loginCont{width:278px; _width:238px; height:124px; margin:8px auto 11px; padding:0 20px;}
	.loginPage .loginCont .form-group{height:40px; padding-left:15px;}
	
	.loginPage .submitBtn{display:block; width:280px; height:30px; font:15px/30px "Microsoft YaHei";}
	.loginPage .input-icon{height:40px; padding-left:24px; background-size:15px auto;}
	.loginPage .uname .input-icon{background-position:0 -10px;}
	.loginPage .pw .input-icon{background-position:0 -60px;}
	.loginPage .code .input-icon{background-position:0 -110px;}
	.loginPage .inp{width:120px; height:30px; margin-top:3px; font:12px/30px "Microsoft YaHei"; color:#fff; background:none;}
	
	.op,.opBox img{display:none;}
	.tableList .arrow:before,.tableList .arrow.open:before,.tableList2 .opBox .arrow:before,.tableList2 .opBox .arrow.open:before{ visibility:visible;}
	
	#tb1 td:nth-child(2),#tb1 td:nth-child(3){display:none;}
	#tb2 td:nth-child(3),#tb2 td:nth-child(4),#tb2 td:nth-child(5),#tb2 td:nth-child(6),#tb2 td:nth-child(7),#tb2 td:nth-child(8){display:none;}
	#tb2 td:nth-child(2){width:90%; white-space:normal !important;}
	#tb2 td:nth-child(9){width:5%;}
}
@media (min-width: 400px) and (max-width: 700px) { 
	html>body .page-content{margin-left:0;}
	.content{margin:0;}
	.page-sidebar {
		display: none;
	}
	.page-sidebar,.page-sidebar ul {
		margin-top:0;
		width:100%;
	}
	.page-sidebar .link{display:block;}
	.form-group{margin-bottom:5px;}
	
	.infoBox .pic{float:none;}
	.infoBox .text,.infoBox .text span{float:none; width:216px;}
	.infoBox .text{padding:0 0 0 40px;}
	
	ul.page-sidebar-menu > li.hidden-phone,.loginBox,.pager .hide_xs{display:none;}
	.space,.space22,.space32{margin-left:0;}
	.space8{margin-left:11px;}
	select, .inp01, .inp03,.tBox2{width:160px;}
	.inp02{width:98px;}
	.inp03{margin-bottom:15px;}
	.tBox{width:257px;}
	.tBox2{width:288px;}
	.blueBtn, .blueBtn2{width:126px;}
	.opBox img{margin:0 5px 5px 0;}
	.contBox2 h6{margin:0 0 15px;}
	.contBox2 .blueBtn3{width:160px;}
	.contBox2 .btnT{display:block; margin-left:152px;}
	.contBox2 .isD{display:block; margin-left:59px;}
	.controls{margin:0 10px 20px;}
	
	.loginPage .login-form{width:350px; height:299px; margin:-180px 0 0 -175px;}
	.loginPage h3{padding-bottom:0; font:20px/28px "Microsoft YaHei";}
	.loginPage .errorTip{width:348px; _width:298px; font-size:12px;}
	.loginPage .loginCont{width:348px; _width:298px; height:152px; margin:8px auto 11px; padding:0 25px;}
	.loginPage .loginCont .form-group{height:50px; padding-left:15px;}
	
	.loginPage .submitBtn{display:block; width:350px; height:40px; font:15px/40px "Microsoft YaHei";}
	.loginPage .input-icon{height:50px; padding-left:24px; background-size:15px auto;}
	.loginPage .uname .input-icon{background-position:0 -5px;}
	.loginPage .pw .input-icon{background-position:0 -55px;}
	.loginPage .code .input-icon{background-position:0 -105px;}
	.loginPage .inp{width:180px; height:30px; margin-top:10px; font:14px/30px "Microsoft YaHei"; color:#fff; background:none;}
}
@media (min-width: 700px) and (max-width: 767px) { 
	
	html>body .page-content{margin-left:0;}
	.content{margin:0;}
	.tBox2{width:600px;}
	
	/***
	Page sidebar
	***/
	.page-sidebar {
		width:100%;
		display: none;
	}

	.page-sidebar.in {
		width:100%;
		position: relative;
		z-index: 5;
	}

	.page-sidebar .sidebar-toggler {
		display: none;
	}

	.page-sidebar,.page-sidebar ul {
		margin-top:0;
		width:100%;
	}
	
	.page-sidebar .link{display:block;}

	.page-sidebar .sidebar-search {
	  width: 220px;
	  margin-top: 20px;
	  margin-bottom:20px;
	}

	.infoBox .text{width:470px;}
	.infoBox span{width:235px;}
	ul.page-sidebar-menu > li.hidden-phone,.loginBox{display:none;}
	.space{margin-left:0;}
	.opBox img{margin:0 5px 5px 0;}
	.controls{margin:0 10px 20px;}
	
	.contBox2 h6{margin:0 0 15px;}
	
	.loginPage .login-form{width:400px; height:337px; margin:-190px 0 0 -200px;}
	.loginPage h3{padding-bottom:0; font:25px/30px "Microsoft YaHei";}
	.loginPage .errorTip{width:398px; _width:348px; font-size:12px;}
	.loginPage .loginCont{width:398px; _width:348px; height:182px; margin:10px auto 15px; padding:0 25px;}
	.loginPage .loginCont .form-group{height:60px; padding-left:15px;}
	
	.loginPage .submitBtn{display:block; width:400px; height:40px; font:18px/40px "Microsoft YaHei";}
	.loginPage .input-icon{height:60px; padding-left:24px; background-size:15px auto;}
	.loginPage .uname .input-icon{background-position:0 1px;}
	.loginPage .pw .input-icon{background-position:0 -49px;}
	.loginPage .code .input-icon{background-position:0 -99px;}
	.loginPage .inp{width:228px; height:30px; margin-top:15px; font:14px/30px "Microsoft YaHei"; color:#fff; background:none;}
}
@media (min-width: 768px) and (max-width: 979px) { 
	html>body .page-content{margin-left:0;}
	.content{margin:0;}
	.page-sidebar {
		width:100%;
		display: none;
	}

	.page-sidebar.in {
		width:100%;
		position: relative;
		z-index: 5;
	}

	.page-sidebar .sidebar-toggler {
		display: none;
	}

	.page-sidebar,.page-sidebar ul {
		margin-top:0;
		width:100%;
	}
	
	.page-sidebar .link{display:block;}
	.infoBox .text{width:230px; padding:0 0 0 40px;}
	.infoBox span{width:230px;}
	select, .inp01, .inp03{width:160px;}
	/*.space{margin-left:0;}*/
	.opBox img{margin:0 5px 5px 0;}
	.tBox2{width:600px;}
	
	.loginPage .login-form{width:400px; height:337px; margin:-190px 0 0 -200px;}
	.loginPage h3{padding-bottom:0; font:25px/30px "Microsoft YaHei";}
	.loginPage .errorTip{width:398px; _width:348px; font-size:12px;}
	.loginPage .loginCont{width:398px; _width:348px; height:182px; margin:10px auto 15px; padding:0 25px;}
	.loginPage .loginCont .form-group{height:60px; padding-left:15px;}
	
	.loginPage .submitBtn{display:block; width:400px; height:40px; font:18px/40px "Microsoft YaHei";}
	.loginPage .input-icon{height:60px; padding-left:24px; background-size:15px auto;}
	.loginPage .uname .input-icon{background-position:0 1px;}
	.loginPage .pw .input-icon{background-position:0 -49px;}
	.loginPage .code .input-icon{background-position:0 -99px;}
	.loginPage .inp{width:228px; height:30px; margin-top:15px; font:14px/30px "Microsoft YaHei"; color:#fff; background:none;}
}
@media (min-width: 980px) { 

 	/***
 	Page sidebar
 	***/
 	.page-sidebar {
		position: absolute;
 		width: 230px;
  	}

	.page-sidebar-fixed .page-sidebar {
	  	position: fixed;
	 	top: 41px;
	}

	.page-sidebar-fixed ul.page-sidebar-menu > li.last {
		margin-bottom: 15px;
	}

	.page-sidebar-fixed.page-sidebar-hover-on .page-sidebar {
		z-index: 10000;		
		width: 35px;		
	}

	.page-sidebar-fixed.page-sidebar-hover-on .page-sidebar .selected {
		display: none;
	}

	.page-sidebar-fixed.page-sidebar-hover-on .page-content {
		margin-left: 35px;
	}
	.page-sidebar-fixed.page-sidebar-hover-on .footer {
		margin-left: 35px;
	}

	.page-sidebar-fixed .page-sidebar-closed .page-sidebar .sidebar-search .submit,
	.page-sidebar-fixed .page-sidebar .sidebar-toggler {
		-webkit-transition: all  0.2s ease;
	     -moz-transition: all  0.2s ease;
	       -o-transition: all  0.2s ease;
	          transition: all  0.2s ease;
	}

	.page-sidebar-hovering {
		overflow: hidden !important;
	}

	.page-sidebar-hovering .sub-menu,
	.page-sidebar-hovering span.title,
	.page-sidebar-hovering span.arrow {		  
		display: none !important;
	}

	.page-sidebar-hovering .submit {
		opacity: 0;
		width: 0 !important;
		height: 0 !important;
	}

  	/***
  	Page content
  	***/
  	.page-content { 
  		margin-left: 230px; 
		margin-top: 0px;
		min-height: 760px; 
	}

	.page-sidebar-fixed .page-content {
		min-height: 500px; 
	}

	.page-content.no-min-height {
		min-height: auto;
	}
	.tBox2{width:600px;}

}