/* 403,error page  */
body { background: #f6f6f6; }
.error-msg { height: 100vh;width: 100%;top: 0;left: 0;color: #ecf0f1;overflow: hidden; }
.error-msg:before { position: absolute;top: 0;left: 0;height: 100%;width: 100%;content: '';background-color: #f6f6f6; }
.error-container { position: absolute;top: 45%;left: 50%;width: 600px;margin-left: -300px;margin-top: -150px; }
.error-status { font-size: 8em;text-align: center;margin-bottom: 0;color: #d6d7d7; }
.error-status strong { color: #e74c3c;text-shadow: none; }
.error-body { padding: 20px;text-align: center; }
.error-body small { font-size: 22px;display: block;text-shadow: none;color: #7e807f;font-family:"微软雅黑"; }
.error-body small.title2 { color: #666;font-weight: normal;margin-top: 4px;font-size: 16px;color: #7e807f; }
.error-body .text-center { margin-top: 36px; }
.error-container .btn-ion { width: 170px;text-align: center;font-family: "微软雅黑"; background: #f6f6f6;font-size: 16px;border-radius: 8px; }
.btn-relogin { margin-right: 8px;border: 2px solid #ff8f00;color: #ff8f00; }
.btn-back { margin-left: 8px;border: 2px solid #53cb67;color: #53cb67;	}
.btn-relogin:hover,
.btn-relogin:focus,
.btn-relogin:active { color: #a45d02;border-color: #a45d02; }
.btn-back:hover,
.btn-back:focus,
.btn-back:active { color: #0a7d1d;border-color: #0a7d1d; }
.error-table thead tr { background: #e0e0e0;color: #595959; }
.error-table tbody tr { color:#7e807f; }
.error-table.table-bordered>tbody>tr>td, 
.error-table.table-bordered>tbody>tr>th, 
.error-table.table-bordered>tfoot>tr>td, 
.error-table.table-bordered>tfoot>tr>th, 
.error-table.table-bordered>thead>tr>td, 
.error-table.table-bordered>thead>tr>th { border:0;border-top:1px solid #ccc;text-align: left;font-size: 14px; }

.error-new { width: 660px;margin-left: -330px; }
.error-new .error-status { font-size: 22px;color: #666; }
.error-new .error-body small { font-size: 17px; }
.error-new .error-box { padding-left: 310px;padding-top: 30px; }
.error-new .error-body { text-align: left; }
.error-new .error-body .text-center { margin-top: 26px; }
.error-new .btn-ion { width: auto;padding: 4px 24px;border-radius: 4px;border-width: 1px; }
.error-bear { position: absolute;width: 290px; }

.blue.error-container { top: 40%; }
.blue.error-new { 
	width: 1000px;
	margin-left: -500px;
	padding: 90px 0 120px;
	background-image:url(../../overseas/images/error404.png); 
	background-repeat: no-repeat;
	background-position: left 0;
	background-size: 595px 468px;
}
.blue .error-bear { display: none; }
.error-blue:before { background-color: #293b5f; }
.blue.error-new .error-status,
.blue.error-new .error-body small,
.blue.error-container .btn-ion { font-family: 'SourceSansProRegular',"Arial"; }
.blue.error-new .error-status,
.blue.error-new .error-body small { font-size: 18px;color: #9afbff; }
.blue.error-container .btn-wrap { margin-top: 85px; }
.blue.error-container .btn-ion {
	background: #9afbff;
	color: #293b5f;
	border: 2px solid #9afbff;
}

.blue.error-container .btn-ion {
	margin: 0 15px 0 0;
	font-size: 22px;
    padding: 7px 20px;
  
}
.blue.error-container .btn-previous { 
	margin-right: 0;
}
.blue.error-container .btn-previous,
.blue.error-container .btn-ion:hover {
	background: none; 
	color: #9afbff;
}
.blue.error-container .btn-previous:hover {
	background: #9afbff;
	color: #293b5f;
	border: 2px solid #9afbff;
} 
    
.blue.error-new .error-box {
	padding-left: 75px;
}
.blue .error-body { padding: 22px 0; }
.blue .error-status { text-align: left; }
.blue.error-new .error-status { 
	font-size: 5em;
	font-weight: bold;
}
@media (max-width: 1600px){
	.blue.error-new { 
	    width: 960px;
	    margin-left: -480px;
		background-size: 500px 393px;
	}
	.blue.error-new .error-box {
	    padding-left: 15px;
	    padding-top: 0;
	}
}
@media (max-width: 991px){
	.blue.error-new { 
	    width: 750px;
	    margin-left: -375px;
		background-size: 400px 314px;
		background-position: left 30px;
	}
	.blue.error-container .btn-ion {
	    font-size: 18px;
    	padding: 7px 10px;
	}
	.blue.error-container .btn-wrap {
	    margin-top: 55px;
	}
}
@media (max-width: 767px){
	.blue.error-new { 
		width: 90%;
		margin:0 5%; 
	}
	.blue.error-new .error-box { padding: 10px 10px; }
	.img-left { min-height: 10px; }
	.blue.error-container { 
		background: none;
		left:0; 
		top: 0;
		background-size: 320px 250px;
	}
	.blue.error-container .btn-ion {
		width: 100%;
		margin-bottom: 10px;
		font-size: 18px;
	}
	
}