@charset "utf-8";

/* Error pages */
.html {font-family: "microsoft YaHei","open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;}

.gray-bg{background-color: #f3f3f4;}

.error-page-show { position:relative;}
.error-404, .error-500 { position: absolute; color:#0090de;}
.error-404 { top:18%; left: 55%;}
.error-500 {top:62%; left: 34%;}

@media (min-width: 992px){ 
.error-404 { top:18%; left: 53%;}
.error-500 {top:62%; left: 38%;}
}
@media (min-width: 1200px){ 
.error-404 { top:18%; left: 52%;}
.error-500 {top:62%; left: 42%;}
}

.error-con {margin:0 auto; width: 900px; height: 480px; position:relative;}
.error-con .con-main {position:absolute; width: 530px;}
.error-con .con-main { top:25%; left:21%;}
.error-con .con-main h4.tilonly { padding:20% 0; text-align: center; color:#0090de; font-size: 14px; font-weight: bold;}
.error-con .con-main h4.til {margin: 10px 0 20px 0; padding-bottom:15px ; border-bottom: #CCC 1px dashed; color:#0090de; font-size: 14px; font-weight: bold;}
.error-con .con-main .contents { text-align: left; color:#333; font-size: 12px;}