@charset "utf-8";

/*
================================================================================================================
僄儔乕
================================================================================================================
*/
#error-page{
width:100%;
color:#000;
background-color:rgba(0,0,0,0.8);
margin:20px auto;
padding:20px 0;}

.error_box{
width:90%;
background-color:rgba(255,255,255,0.9);
font-size:14px;
border-radius:10px;
margin:20px auto;
padding:20px 50px;}

.error_box a{color:#cc0000;}
.error_box a:hover{text-decoration:underline;}

.error_box .error_title{
color:#fff;
background:#ff7902;
background:-moz-linear-gradient(top, #ff7902 0%,#ffb644 100%);
background:-webkit-linear-gradient(top, #ff7902 0%,#ffb644 100%);
background:linear-gradient(to bottom, #ff7902 0%,#ffb644 100%);
font-size:18px;
font-weight:bold;
text-align:center;
border-radius:5px;
border:1px solid #fff;
text-shadow:1px 1px 2px rgba(0,0,0,0.5);
padding:10px;}

.error_box .sub-title{
display:block;
width:100%;
color:#fff;
background:-moz-linear-gradient(left, rgba(250,52,53,0) 0%,rgba(250,52,53,0) 5%,rgba(250,52,53,1) 20%,rgba(250,52,53,1) 80%,rgba(250,52,53,0) 95%,rgba(250,52,53,0) 100%);
background:-webkit-linear-gradient(left, rgba(250,52,53,0) 0%,rgba(250,52,53,0) 5%,rgba(250,52,53,1) 20%,rgba(250,52,53,1) 80%,rgba(250,52,53,0) 95%,rgba(250,52,53,0) 100%);
background:linear-gradient(to right, rgba(250,52,53,0) 0%,rgba(250,52,53,0) 5%,rgba(250,52,53,1) 20%,rgba(250,52,53,1) 80%,rgba(250,52,53,0) 95%,rgba(250,52,53,0) 100%);
background-color:#c8281e;
font-size:14px;
font-weight:bold;
text-align:center;
text-shadow:1px 1px 2px rgba(0,0,0,0.5);
border:1px solid #fff;
margin:15px 0 5px 0;
padding:5px;}

.error_box p{padding:10px 80px 0;}

.error_box .error_test{font-size:17px; font-weight:bold; color:#f00;}

.error_box .error_btn{
width:100%;
background:#434343;
background:-moz-linear-gradient(top, #434343 0%, #060606 100%);
background:-webkit-linear-gradient(top, #434343 0%,#060606 100%);
background:linear-gradient(to bottom, #434343 0%,#060606 100%);
font-size:15px;
font-weight:bold;
text-align:center;
border-radius:5px;
margin: 10px auto;}
.error_box .error_btn a{
display:block;
color:#fff;
padding:10px 0;}
.error_box .error_btn a:hover{
background:#ccc;
background:-moz-linear-gradient(top, #ccc 0%, #888 100%);
background:-webkit-linear-gradient(top, #ccc 0%,#888 100%);
background:linear-gradient(to bottom, #ccc 0%,#888 100%);
border-radius:5px;}


@media screen and (max-width:800px){
.error_box{padding:20px;}
.error_box p{padding:0 40px;}}

@media screen and (max-width:480px){
.error_box{font-size:12px; padding:20px;}
.error_box p{padding:0; font-size:12px;}
.error_box .error_title{font-size:14px;}
.error_box .error_btn{font-size:12px;}
.error_box .error_test{font-size:12px;}
.error_box .sub-title{font-size:12px;}}

@media screen and (max-width:400px){
.error_box .sub-title{font-size:12px;}}

.error_box .error_login{text-align:center;}
.error_box .error_login span{font-size:18px; font-weight:bold;}
.error_box p{font-size:13px;}