/* 默认字体 */
@font-face {
    font-family: 'BeVietnamPro-Regular';
    src: url('./font/BeVietnamPro-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BeVietnamPro-Black';
    src: url('./font/BeVietnamPro-Black.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BeVietnamPro-BlackItalic';
    src: url('./font/BeVietnamPro-BlackItalic.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BeVietnamPro-Bold';
    src: url('./font/BeVietnamPro-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BeVietnamPro-Light';
    src: url('./font/BeVietnamPro-Light.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BeVietnamPro-Medium';
    src: url('./font/BeVietnamPro-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Acumin Pro Condensed';
    src: url('./font/Acumin-Pro-Condensed.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Acumin Pro Condensed Bold';
    src: url('./font/Acumin-Pro-Condensed-Bold-2.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Medal-Font';
    src: url('./font/Roboto-BoldItalic.ttf');
    font-weight: normal;
    font-style: normal;
}

*{
    font-family: 'BeVietnamPro-Regular';
}

body,
html {
    margin: 0;
    padding: 0;
    background-color: white;
}

body {
    padding: 20px;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
        'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
        'Noto Color Emoji';
}

p {
    line-height: 22px;
}

body[view=small] {
    font-size: 14px;
}

body[view=medium] {
    font-size: 16px;
}

body[view=large] {
    font-size: 20px;
}

body[view=oversized] {
    font-size: 28px;
}

* {
    word-break: break-word;
    line-height: 1.3;
    color: #333333;
}

*[text-title],
.text-title {
    text-align: center;
    font-weight: bold;
    text-indent: 0 !important;
    font-size: 1.5em;
    margin: 0.7em 0;
}

*[bold],
.text-bold {
    font-weight: bold;
}

*[indent],
.text-indent {
    text-indent: 2em;
}

*[unindent],
.text-unindent {
    text-indent: 0;
}

*[italic],
.text-italic {
    font-style: italic;
}

*[red],
.text-red {
    color: #ff0000;
}

*[blue],
.text-blue {
    color: #0000ff;
}

*[gray],
.text-gray {
    color: #aeaeae;
}

*[black],
.text-black {
    color: #333333;
}

*[white],
.text-white {
    color: #ffffff;
}

*[delete],
.text-delete {
    text-decoration: line-through;
}

*[underline],
.text-underline {
    text-decoration: underline;
}

*[selected-red],
.text-selected-red {
    background-color: #ff0000;
    color: #ffffff;
}

*[selected-blue],
.text-selected-blue {
    background-color: #0000ff;
    color: #ffffff;
}

*[selected-gray],
.text-selected-gray {
    background-color: #aeaeae;
    color: #ffffff;
}

*[align-left],
.text-align-left {
    text-align: left;
}

*[align-center],
.text-align-center {
    text-align: center;
}

*[align-right],
.text-align-right {
    text-align: right;
}

h1,
*[h1],
.text-h1 {
    font-size: 2em !important;
    text-indent: 0 !important;
}

h2,
*[h2],
.text-h2 {
    font-size: 1.5em !important;
    text-indent: 0 !important;
}

h3,
*[h3],
.text-h3 {
    font-size: 1.17em !important;
    text-indent: 0 !important;
}

h4,
*[h4],
.text-h4 {
    font-size: 1em !important;
    text-indent: 0 !important;
}

h5,
*[h5],
.text-h5 {
    font-size: 0.83em !important;
    text-indent: 0 !important;
}

h6,
*[h6],
.text-h6 {
    font-size: 0.67em !important;
    text-indent: 0 !important;
}

li {
    text-indent: 0 !important;
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.mgt15 {
    margin: 15px 0 0 0;

}

.mgt15 div {
    margin: 5px 0;
}

.italic {
    font-style: italic;
}
.bold{
    font-weight: bold;
}