﻿body {overflow-x: hidden;overflow-x: visible;font-size: 12px;margin: 0;font-family: "微软雅黑", Arial, Helvetica, sans-serif;overflow: hidden;background-color: #F2F2F0;overflow-y: auto;}
.input-validation-error {border: 1px solid #FF5252 !important;}
#ShowHEAODC {margin: 0 auto;position: relative;z-index: 10;width: 100%;background-color: white;padding-top: 10px;}
#ShowTitle {font-size: 20px;font-family: 黑体;line-height: 45px;color: navy;border-bottom: double 2px #000;margin: 0px auto;width: 98%;max-width: 1000px;}
#ShowContent {width: 1000px;margin: 10px auto;height: auto;overflow: hidden;}
#LeftDiv {float: left;width: 265px;height: 550px;}
.stitle {font-weight: bold;}
#QueryDiv {width: 100%;margin: 0 0;}
#QueryDiv label {float: left;line-height: 25px;width: 80px;letter-spacing: 2px;text-align: right;}
#QueryDiv div {height: 40px;overflow: hidden;}
input[name='Ksh'], input[name='Idcard'], input[name='Bmxh'] {position: absolute;width: 140px;float: left;height: 21px;}
#QueryBtn {width: 140px;float: left;}
.CheckPic {margin: 0 0 0 20px;cursor: pointer;width: 200px;height: 42px;color: red;float: left;border: none;border: solid 1px grey;}
#Querytip {color: blue;line-height: 28px;padding-right: 20px;margin: 50px 0;}
#HEAODCContent_Container {margin: 5px auto;line-height: 25px;width: 650px;float: left;position: relative;}
#tabInfo_ShowPZCJ { width: 650px; margin: 10px auto; border-collapse: collapse; }
#tabInfo_ShowPZCJ tr td { height: 32px; border: solid 1px #000; font-size: 14px; }
#tabInfo_ShowPZCJ .tdKM, #tabInfo_ShowPZCJ .tdXH { width: 50px; padding-left: 30px; padding-right: 30px; white-space: nowrap; text-align: justify; text-align-last: justify; }
table td:nth-child(odd) {text-align: center;width: 120px;color: red;font-weight: bold; }
table td:nth-child(even) {text-align: left;padding-left: 10px;color: blue;letter-spacing:-1px;}
#tabInfo_ShowPZCJ .tddks{width: 150px !important;}
.sErr {font-size: 14px;color: red;font-weight: bold;}
#TencentCaptcha {width: 125px !important;height: 22px;background: #0052d9;font-size: 16px;color: #e6e6e6;border: 0;margin: 0;float: left !important;text-align: center !important;cursor: pointer;padding: 2px 10px 4px 10px;}
.app-tishi {display: none;}
#QueryDiv .stitle {float: left !important;}
#QueryDiv input[type="radio"] {margin-top: 5px;vertical-align: text-bottom;}
#QueryDiv input[type="text"] {border: 1px solid;border-radius: 3px;height: 21px;margin-bottom: 15px;}
.QueryButton {width: 235px !important;display: inline-block;width: 140px;background-color: #009966;line-height: 34px;border-radius: 5px;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);text-align: center;font-size: 16px;color: #fff;font-weight: bold;text-decoration: none;position: relative;z-index: 999;}
.QueryButton:hover {background: #009966;border: 0 !important;cursor: pointer;}
.QueryButton:focus {border: 0 !important;outline: none;}
.CheckPic {margin-left: 30px !important;}
#InputCheckTip {float: left;padding-left: 80px;}
.mask-container { position: absolute;right: 0;bottom: 0;z-index: -1;width:100%;height:100%;}
.mask {top: 50px;float: left;width: 210px;height: 120px;position: relative;left:40px;word-break:break-all;}
.mask-container .mask:before {position: absolute;width: 210px;height: 140px;content: attr(data-content);color: #333;opacity: 0.13;z-index: 0;font-size: 16px; text-align:center;left: 0px;transform: rotate(-30deg);word-break:break-all;/*letter-spacing:1px;*/}
.g-header {width: 100%;height: 100px;margin: 0 auto;border-bottom: 4px solid #CC0000;}
.m-logo {width: 800px;margin: 0px auto;}
.u-logo1 {height: 80px;margin: 20px auto 10px auto;font-weight: bold;font-size: 50px;letter-spacing: 30px;text-align: center;color: #CC0000;}
.footer {width: 100%;height: 120px;border-top: 2px solid #CC0000;margin-top: 1px;position: relative;color: #333333;}
.footer p {text-align: center;line-height: 30px !important;font: 15px bold 黑体,helvetica, verdana, sans-serif;}
.titletip{ display: none;}
@media only screen and (max-width: 340px) {
    .app-tishi{display: block;}
    #ShowHEAODC {width: 92%;margin: 0 4%;height: auto;}
    #QueryDiv input[type="text"], .CheckPic, #QueryBtn, #TencentCaptcha {width: 60% !important;}
    #RestQuery {width: 30% !important;float: right;margin-right: 5px !important;}
    .u-logo1 { font-size:30px;}
        .mask-container {position: absolute;top:0;left:0;right: 0;bottom: 0;z-index: -1;width: 340px;height: 540px;}
    .titletip{ display: none;}
}
@media only screen and (max-width: 769px) {
    .footer {min-width: 100%;}
    .app-tishi {display: block;}
    #ShowHEAODC {width: 92%;margin: 0 4%;height: auto;}
    #ShowTitle {font-size: 15px;}
    #ShowContent {width: 100% !important;}
    #LeftDiv {width: 100% !important;float: none !important;}
    #HEAODCContent_Container {display: none;position: absolute;width: 100% !important;float: none !important;}
    #QueryDiv input[type="text"], #TencentCaptcha {border: 1px solid #ccc;width: 70% !important;}
    #QueryDiv label.stitle {font-weight: normal;}.CheckPic {margin-left: 80px !important;width: 70% !important;border: 0 !important;}
    #QueryBtn {width: 70% !important;margin-left: 80px !important;}
    #RestQuery {width: 30% !important;float: right;margin-right: 5px !important;}
    #tabInfo_ShowPZCJ { width: 100% !important; }
    .g-header {width: 100%;text-align: center;height: 80px;margin: 0 auto;border-bottom: 4px solid #CC0000;}
    .u-logo1 {min-width: 100%;height: 50px;margin: 20px auto 10px auto;font-weight: bold;font-size: 35px;text-align: center;color: #CC0000;letter-spacing: 5px !important;}
    .m-logo {width: 100%;}
    .footer {height: auto;}
    .footer p {font-size: 12px;line-height: 20px;margin-top: 0;margin-bottom: 6px;}
    .mask-container {position: absolute;top:0;left:0; right: 0;bottom: 0;z-index: -1;width: 769px;height: 365px;}
    .titletip{ display: none;}
}
#KSJYM{color: red; font-weight: bold;font-size: 14px; width:100%;height:auto;word-break:break-all;z-index: -2;}
#CloseDiv{font-size:20px;color: red; line-height:50px;font-weight: bold;height:400px;}