@charset "utf-8";

/* CSS Document */

@media print {
    #slip-body {
        border: none !important;
        padding-top: 10px;
        margin-top: 50px;
        max-width: -20px !important;
    }
    #button_pos {
        display: none;
    }
    #slip-body #content {
        border: none !important;
    }
}

@media all {
    #button_pos {
        height: 50px;
    }
    #slip-body {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        width: 895px;
        height: 320px;
        padding: 5px;
        margin-top: 5px;
        font-family: "Times New Roman", Times, serif;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 300px 300px;
    }
    #slip-body #background {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        width: 895px;
        height: 360px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 193px 160px;
    }
    #slip-body #content {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: -385px !important;
        width: 895px;
        float: left;
   /*     height: 295px;*/
        height: auto;
        padding-top: 10px;
        padding-bottom: 5px;
        margin-top: 5px;
        border: 2px solid #000;
    }
    #slip-body #header {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        width: 800px;
        height: 80px;
        margin-top: 5px;
        float: left;
    }
    #slip-body #header .logo {
        position: relative;
        float: left;
        margin-left: 0px;
        margin-top: 0px;
        height: 73px;
        width: 88px;
        margin-top: 0px;
    }
    #slip-body #header .logo img {
        position: relative;
        margin-left: 0px;
        margin-top: 0px;
        height: 73px;
        margin-top: 0px;
    }
    #slip-body #header .title-body {
        float: left;
        position: relative;
        margin-left: 0px;
        margin-top: 0px;
        height: 73px;
        padding: 0px 4px;
        width: 700px;
        text-align: center;
        margin-top: 0px;
    }
    #slip-body #header .title-body #text7 {
        float: left;
        position: relative;
        margin-left: 0px;
        margin-top: 0px;
        height: 33px;
        font-size: 33px;
        line-height: 25px;
        padding: 0px 4px;
        width: 715px;
        text-align: center;
        margin-top: 0px;
    }
    #slip-body #header .title-body #text8 {
        float: left;
        position: relative;
        margin-left: 0px;
        margin-top: 0px;
        height: 20px;
        font-size: 16px;
        line-height: 25px;
        padding: 0px 4px;
        width: 715px;
        text-align: center;
        margin-top: 0px;
    }
    #slip-body #header .title-body #text9 {
        float: left;
        position: relative;
        margin-left: 0px;
        margin-top: 5px;
        height: 20px;
        font-size: 16px;
        line-height: 25px;
        padding: 0px 4px;
        width: 715px;
        text-align: center;
        text-decoration: underline;
        font-weight: bold;
    }
    #slip-body #header .photo {
        position: relative;
        float: left;
        margin-left: 0px;
        margin-top: 0px;
        height: 73px;
        width: 73px;
        margin-top: 0px;
    }
    #slip-body #header .photo img {
        position: relative;
        margin-left: 0px;
        margin-top: 5px;
        height: 73px;
        width: 73px;
        margin-top: 0px;
    }
    #slip-body #body {
        position: relative;
        float: left;
        margin-left: 5px;
        margin-right: auto;
        margin-bottom: 30px;
        width: 800px;
    /*    height: 185px;*/
        height: auto;
        margin-top: 10px;
    }
    #slip-body #body #line {
        float: left;
        position: relative;
        padding-top: 5px;
        width: 880px;
        height: 20px;
    }
    #slip-body #body #line .box {
        float: left;
        position: relative;
        width: 88px;
        height: 15px;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
    }
    #slip-body #body #line .box3 {
        float: left;
        position: relative;
        width: 58px;
        height: 15px;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
    }
    #slip-body #body #line .box1 {
        float: left;
        position: relative;
        width: 128px;
        height: 15px;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
    }
    #slip-body #body #line .box4 {
        float: left;
        position: relative;
        width: 98px;
        height: 15px;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
    }
    #slip-body #body #line .box5 {
        float: left;
        position: relative;
        width: 118px;
        height: 15px;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
    }
    #slip-body #body #line .box6 {
        float: left;
        position: relative;
        width: 148px;
        height: 15px;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
    }
    #slip-body #body #line .name {
        float: left;
        position: relative;
        text-align: left;
        width: 600px;
        height: 15px;
        font-size: 14px;
        border-bottom: dashed 1px #000;
        padding-left: 5px;
    }
    #slip-body #body #line .regn {
        position: relative;
        float: left;
        ;
        text-align: left;
        width: 119px;
        height: 15px;
        font-size: 14px;
        border-bottom: dashed 1px #000;
        padding-left: 5px;
    }
    #slip-body #body #line .class {
        position: relative;
        float: left;
        text-align: left;
        width: 254px;
        height: 15px;
        font-size: 14px;
        padding-left: 5px;
        border-bottom: dashed 1px #000;
    }
    #slip-body #body #line .class2 {
        position: relative;
        float: left;
        text-align: left;
        width: 326px;
        height: 15px;
        font-size: 14px;
        padding-left: 5px;
        border-bottom: dashed 1px #000;
    }
    #slip-body #body #line .class4 {
        position: relative;
        float: left;
        text-align: left;
        width: 167px;
        height: 15px;
        font-size: 14px;
        padding-left: 5px;
        border-bottom: dashed 1px #000;
    }
    #slip-body #body #line .roll {
        position: relative;
        float: left;
        text-align: left;
        width: 123px;
        height: 15px;
        font-size: 14px;
        padding-left: 5px;
        border-bottom: dashed 1px #000;
    }
    #slip-body #body #line #bill_desc {
        position: relative;
        float: left;
        text-align: left;
        margin-left: 80px;
        width: 383px;
        height: 15px;
        font-size: 14px;
        padding-left: 5px;
    }
    #slip-body #body #line #amt {
        position: relative;
        float: left;
        text-align: right;
        margin-left: 80px;
        width: 120px;
        height: 15px;
        font-size: 14px;
        padding-left: 5px;
    }
    #slip-body #body #line2 {
        position: relative;
        padding-top: 5px;
        width: 600px;
        height: 20px;
        border-top: dashed 1px #000;
        margin-left: 80px;
    }
    #slip-body #body #line2 #bill_desc {
        position: relative;
        float: left;
        text-align: left;
        margin-left: 5px;
        width: 383px;
        height: 15px;
        font-size: 14px;
        padding-left: 5px;
    }
    #slip-body #body #line2 #amt {
        position: relative;
        float: left;
        text-align: right;
        margin-left: 80px;
        width: 120px;
        height: 15px;
        font-size: 14px;
        padding-left: 5px;
    }
    #slip-body #footer {
        position: relative;
        margin-top: 50px;
        width: 870px;
        height: 25px;
        text-align: right;
    }
    #slip-body #footer .sign {
        position: relative;
        float: right;
        width: 200px;
        height: 25px;
        text-align: center;
        font-weight: bold;
        border-top: dashed 2px #000;
    }
}

#passbook #passbook-front {
    height: 78px;
    width: 945px;
    padding: 5px;
    overflow: hidden;
    font-size: 14px;
}

#passbook #passbook-front .line {
    height: 28px;
    width: 945px;
    padding: 5px 0px;
    float: left;
}

#passbook #passbook-front .line3 {
    width: 935px;
    float: left;
    margin-top: 19px;
    font-size: 17PX;
}

#passbook #passbook-front .line #mini {
    height: 20px;
    width: 45px;
    padding: 5px 0px;
    float: left;
    border: 1px solid #000;
}

#passbook #passbook-front .line #small {
    height: 27px;
    width: 77.5px;
    padding: 5px 0px;
    text-align: center;
    float: left;
}

#passbook #passbook-front .line #xsmall {
    height: 20px;
    width: 115px;
    padding: 5px 0px;
    float: left;
}

#passbook #passbook-front .line #large {
    height: 14px;
    width: 505px;
    padding: 5px 0px;
    float: left;
}

#passbook #passbook-front .line2 #small {
    height: 27px;
    width: 77.5px;
    padding-top: 20px;
    text-align: center;
    float: left;
    vertical-align: text-bottom;
}

#passbook #passbook-front .line2 #mini {
    height: 45px;
    width: 25px;
    padding: 5px 0px;
    float: left;
}

#passbook #passbook-front .line2 #xlarge {
    height: 45px;
    width: 820px;
    padding: 5px 0px;
    float: left;
    line-height: 21px;
    vertical-align: top;
}