@charset "utf-8";
*{margin:0;padding:0; font-family:Arial, Helvetica, sans-serif;}
li{list-style:none;}
a{text-decoration:none;cursor: pointer;}
img{border:none; vertical-align: top;}
h1{font-weight:normal;}
input{border:0; margin:0; padding:0}
/* new status */
.idd-attr {
    font-size: 8px;
    height: 10px;
    color:#485aa4;
    text-transform: uppercase;
}
.idd-text {
    color: #000000;
    font-size:9px;
    font-weight:bold;
    text-transform: uppercase;
}

.idd-box{
    background:url(../images/bg05.png) no-repeat center;
    width:384px;
    height:255px;
    padding: 95px 8px 8px 8px;
    line-height: 12px;
}
.name-addr {
    height: 56px;
    overflow: hidden;
}
.name-addr, .place-birth, .height-sex, .eye, .cat {
    margin-left: 125px;
}
.photo {
    position: absolute;
    top: 95px;
}
.photo img {
    width: 117px;
    height: 151px;
}
.date {
    position: absolute;
    top: 228px;
    left: 143px;
    width: 245px;
    color: #ffffff;
    text-align: center;
    height: 18px;
}

.lid-img {
    margin-top: 20px;
    width: 384px;
}
.sign-barcode {
    position: relative;
    top: 21px;
}
/*main*/
.bigbg{background:url(../images/bg.jpg) repeat-x; width:100%; min-height:838px; height:auto; padding-top:20px; padding-bottom:20px;}
.main{background:url(../images/bg01.png) no-repeat center; width:771px; height:795px; margin:0 auto; padding-left:29px; padding-top:10px;}
.btBox{width:360px; overflow:visible; height:auto;}
.bt{font-size:18px; width:360px; overflow:visible; height:auto; line-height:24px; white-space:nowrap;}
.bt1{ font-size:18px; padding-top:10px; width:260px; overflow:hidden; height:20px; line-height:20px;}
.srBox{background:url(../images/bg02.png) no-repeat center; width:412px; min-height:410px; height:auto; margin-top:40px; padding-top:15px; padding-left:10px; padding-right:10px; padding-bottom:12px;}
.srbt{width:100%; text-align:center; font-size:16px; color:#fff; height:16px; padding-bottom:10px;}
.srn1{width:360px; line-height:16px; font-size:11px; color:#fff;}
.srk{width:332px; min-height:132px; height:auto; background:#fff; margin:8px 0; overflow:visible; padding:8px 10px 8px 10px;}
.srkbt{font-size:14px; color:#000; margin-bottom:8px;}
.inpBox{overflow:visible;}
.srn2{width:360px; line-height:14px; font-size:11px; color:#fff; padding-bottom:4px;}


/*cx*/
.main01{background:url(../images/bg03.png) no-repeat center; width:771px; min-height:717px; height:auto; margin:0 auto; padding-left:29px; padding-top:10px;}
.cxBox{ background:url(../images/bg04.png) no-repeat center; width:387px; min-height:536px; height:auto; margin-top:46px; padding-top:20px; padding-left:20px; padding-right:20px; padding-bottom:15px;}
.cxn1{width:384px; line-height:17px; font-size:12px; color:#fff; min-height:58px; height:auto; margin-top:8px;}
.cxphBox{background:url(../images/bg05.png) no-repeat center; width:374px; height:173px; margin-top:10px; padding-top:82px; padding-left:10px; overflow:hidden;}
.txph{float:left;  margin-top: 10px;}
.xxBox{float:left; margin-left:10px;  margin-top: 10px;}
.xibtBox{width:230px; overflow:hidden; margin-bottom:0px;}
.xiBt{font-size:12px; color:#485aa4; font-weight:bold; height:13px;}
.bin{font-size:12px; font-weight:bold; height:auto; line-height:13px; max-width:230px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.plaBox{overflow:hidden;}
.plaBt{float:left; font-size:12px; color:#485aa4; font-weight:bold; height:13px;}
.plaN{float:left; font-size:12px; width:110px; overflow:hidden; padding-left:5px; font-weight:bold; height:auto; line-height:13px;}
.hgtBox{overflow:hidden; margin:2px 0;}
.fl{float:left;}
.plaN1{float:left; font-size:12px; overflow:hidden; width:60px; overflow:hidden; font-weight:bold; height:auto; line-height:13px;}
.plaN2{width:30px; overflow:hidden; font-weight:bold; height:auto; line-height:13px;}

.bin1{height:42px;}
.cxn2{height:auto; min-height:86px; overflow:visible; line-height:14px;}
.plb{width:110px; max-height:26px; line-height:12px;}
.qm{width:80px; height:50px;margin-top: -40px; background-color: #00a7d0}

/*xiugai*/
.xigBox{overflow:hidden; margin:10px 0; margin-bottom:8px;}
.jzh{width:200px; font-size:16px; color:#fff; padding-left:4px; height:17px; float:left; overflow:hidden;}
.jzh1{width:170px; font-size:16px; color:#fff; padding-left:4px; height:17px; float:right; overflow:hidden;}



.zh{overflow:visible; min-height:20px; height:auto; width:100%; margin-bottom:6px; display:flex; align-items:flex-start;}
.yhm{float:none; font-size:13px; line-height:15px; height:auto; width:112px; text-align:right; padding-right:6px;}
.mima{float:none; width:148px;}
.inp{width:140px; height:18px; border:1px solid #5a7ab3; padding-left:5px;}
.check-btn{ background:url(../images/btn.png) no-repeat center; width:85px; height:34px; margin-left:0; cursor:pointer;}


/* HARRY CUSTOM */
.f11px {
    font-size: 8.5px !important;
}
.vlBox .vlInfo {
    color: #ffffff;
    text-align: center;
    height: 18px;
}
.vlBox .vlInfo span {
    padding-top: 4px;
    display: inline-block;
}
.barcode {
    font-size: 10px;
    text-align: center;
    display: inline-block;
    right: -5px;
    bottom: 20px;
    position: absolute;
}
.addr-block {
    height:auto;
    min-height:35px;
    line-height:11px;
    word-break:break-word;
}

.btBox {
    margin-top: 18px;
}

.cxBox > .srbt:first-child {
    margin-top: -6px;
    padding-bottom: 10px;
}

.cxn2 p {
    margin: 0 0 2px;
}

.cxBox > .srbt:last-child {
    margin-top: -2px !important;
    padding-bottom: 0;
    line-height: 20px;
}

.srk .srkbt {
    margin-bottom: 8px;
    padding-left: 26px;
}

.srk .btnBox {
    text-align: center;
    margin-top: 2px;
}

.barcode-note {
    display: block;
    font-size: 10px;
    line-height: 12px;
}

.srn2 p {
    margin-bottom: 2px !important;
}

/* ALLIANCE check card */
.idd-box-alliance {
    background: url(../images/alliance-f.png) no-repeat center;
    background-size: 650px 409px;
    width: 650px;
    height: 409px;
    padding: 0;
    line-height: 14px;
    position: relative;
}
/* bootstrap .col-xs-12 has position:relative, which breaks absolute positioning of fields below */
.idd-box-alliance > .row,
.idd-box-alliance > .row > .col-xs-12 {
    position: static;
}
.idd-box-alliance .idd-text {
    color: #000000;
    font-size: 12px;
}
.idd-box-alliance .class-value {
    position: absolute;
    top: 143px;
    left: 282px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.idd-box-alliance .name-addr {
    position: absolute;
    top: 176px;
    left: 224px;
    width: 400px;
    height: 104px;
    margin-left: 0;
    line-height: 24px;
    overflow: hidden;
}
.idd-box-alliance .name-addr .idd-text {
    font-size: 13px;
    font-weight: bold;
}
.idd-box-alliance .place-birth,
.idd-box-alliance .height-sex {
    margin-left: 0;
}
.idd-box-alliance .birth-date {
    position: absolute;
    top: 278px;
    left: 272px;
    width: 180px;
}
.idd-box-alliance .birth-country {
    position: absolute;
    top: 301px;
    left: 372px;
    width: 270px;
}
.idd-box-alliance .height-sex {
    position: absolute;
    top: 324px;
    left: 0;
    width: 650px;
    height: 14px;
}
.idd-box-alliance .height-sex .sex-value {
    position: absolute;
    left: 266px;
}
.idd-box-alliance .height-sex .hgt-value {
    position: absolute;
    left: 352px;
}
.idd-box-alliance .photo {
    top: 150px;
    left: 40px;
    width: 148px;
    height: 198px;
}
.idd-box-alliance .photo img {
    width: 148px;
    height: 198px;
}
.idd-box-alliance .signature-alliance {
    position: absolute;
    top: 350px;
    left: 50px;
    width: 148px;
    height: 32px;
    text-align: center;
}
.idd-box-alliance .signature-alliance img {
    max-width: 100%;
    max-height: 100%;
}
.idd-box-alliance .date {
    position: static;
    height: auto;
}
.idd-box-alliance .iss-value,
.idd-box-alliance .exp-value {
    position: absolute;
    left: 495px;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}
.idd-box-alliance .iss-value {
    top: 358px;
}
.idd-box-alliance .exp-value {
    top: 384px;
}
.idd-box-alliance .barcode-alliance {
    position: absolute;
    top: 352px;
    left: 218px;
    width: 235px;
    height: 60px;
    padding: 0 8px;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
}
.idd-box-alliance .barcode-alliance .barcode-img {
    display: block;
    line-height: 0;
}
.idd-box-alliance .barcode-alliance .barcode-number {
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 2px;
}
.lid-box-alliance .lid-img {
    width: 650px;
}