body {
    background: #F1F1F1;
    font-family: Arial,'Microsoft JhengHei';
    font-size: 15px;
    line-height: 1.8
}

a {
    display: inline-block
}

img {
    max-width: 100%
}

ul {
    padding: 0;
    margin: 0
}

li {
    list-style: none;
    padding: 4px 0;
    padding-left: 1rem
}

    li .itemIcon {
        text-indent: -1rem;
        display: inline-block
    }

.wrap {
    min-height: 100vh
}

.header {
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
    box-shadow: 0 0 5px rgba(0,0,0,0.15)
}

.footer {
    background: #222;
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    line-height: 1.4
}

@media (max-width: 767px) {
    .footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .footer .copyright {
            margin-top: 10px;
            text-align: center
        }
}

.mainContent {
    padding: 3rem
}

.sl_Container {
    max-width: 750px;
    margin: 0 auto;
    background: #fff;
    padding: 2rem 3rem;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem
}

.pageTitle {
    font-weight: 300;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 25px
}

.subTitle {
    font-size: 17px
}

@media (max-width: 767px) {
    .mainContent {
        padding: 20px 15px
    }

    .box {
        padding: 20px
    }
}

.invoiceWrap {
    width: 300px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.125);
    font-size: 16px;
    margin: 10px auto
}

.InvoiceTitle, .YearMonth, .InvoiceNumber {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: 1px
}

.InvoiceDateTime, .CheckNumber, .CompanyIdentifier {
    line-height: 1.4
}
/*# sourceMappingURL=style.css.map */