html {
    font-size : 20px;
}

pre {
    font-size : inherit;
    white-space : pre-wrap;
    word-wrap : break-word;
}
#mainnav-wrapper {
    width:100%;
    height:80px;
    z-index:500;
}

#mainnav {
    position:fixed;
    left : 0;
    width : 100%;
    height:80px;
    background : papayawhip;
}

.rsli:before {
    content: "(ก่อ)"; 
    padding-right: 8px;
    color: red; 
}
.rsil:before {
    content: "(รับ)"; 
    padding-right: 8px;
    color: red; 
}

.bs:before {
    content: "𝔅 พระสังฆราช"; 
    padding-right: 8px;
    color: red; 
}
.pr:before {
    content: "✠"; 
    padding-right: 8px;
    color: red; 
}

.ps:before {
    content: "♱"; 
    padding-right: 8px;
    color: red; 
}

.cc:before {
    content: "CC"; 
    font-weight : bold;
    padding-right: 8px;
    color: red; 
}

.cp:before {
    content: "CP"; 
    font-weight : bold;
    padding-right: 8px;
    color: red; 
}

.c1:before {
    content: "C1"; 
    font-weight : bold;
    padding-right: 8px;
    color: red; 
}

.c2:before {
    content: "C2"; 
    font-weight : bold;
    padding-right: 8px;
    color: red; 
}

.cpcc:before {
    content: "CP\A CC"; 
    font-weight : bold;
    padding-right: 8px;
    color: red; 
    white-space: pre;
}

.c-:before {
    content: "-"; 
    font-weight : bold;
    padding-right: 8px;
    color: red; 
    white-space: pre;
}

.ld:before {
    content: "∘"; 
    padding-right: 8px;
    color: brown; 
}

.rs:before {
    content: "•"; 
    padding-right: 8px;
    color: red; 
}

.bp:before {
    content: "ผู้รับศีล"; 
    padding-right: 8px;
    color: red; 
}


.arrowdown:before {
    content: "▼"; 
    padding-right: 8px;
}

.arrowup:before {
    content: "▲"; 
    padding-right: 8px;
}

.bs {
    color : black;
    font-size : 120%;
}

.pr, .ps, .cc, .cp, .cpcc, .c1, .c2, .c- {
    color : black;
    font-size : 20px;
}

.topr, .toprs {
    color : red;
}

.tops {
    color : chocolate;
}

.ld {
    color : black;
}

.told {
    color : slateblue;
}

.rs {
    color : black;
}

.tors {
    color : blue;
}

.topr, .tops, .told, .tors, .toall {
    font-size:16px;
}
.tobs {
    font-size:20px;
    color : red;
}
.bp {
    font-size:18px;
}
.ol {
    margin-top : 10px;
}
.parttitle {
    margin-top : 20px;
}
.hidd {
    color:white;
    background : black;
    display : table-cell;
}

.hidden {
    display: none;
}

.byword {
    font-size:22px;
    font-weight:bold;
}
.side-menu {
    font-size: 16px;
    max-height : 600px;
    overflow-y : scroll;
}

.titler {
    color : red;
    font-size: 1.4em;
}

.para {
    display : inline;
    margin-right : 40px;
}

.red {
    color : red;
}

.dropflag {
    color : darkorange;
    font-size : 2em;
}

.modal-body {
    max-height : 500px;
    overflow : scroll;
}

.datacell:hover {
    background-color : darkkhaki;
}

ul {
    margin-bottom : 0;
}

.dayname {
    font-size : 1.5em;
    color : red;
    font-weight : bold;
}
/* ReadText Part */
.readtext {
    background-color : wheat;
    position : relative;
    padding : 10px;
}
.rite {
    background-color :white;
}
.txtitle {
    font-size : 120%;
    font-weight : bold;
}
.txcaption {
    float : right;
    font-size : 80%;
    font-style: Italic;
}
.txpre {
    font-size : 100%;
    font-style: Italic;
}
.txbody {
    position : relative;
    padding-left : 20px;
}
.txbody:before {
    left : 0px;
    position : absolute;
}
.txpost {
    color : brown;
    font-style : Italic;
    font-size : 90%;
}

/* ตอบรับ */
.init {
    display: grid;
    grid-template-columns : 60% 40%;
}
.init-break {
    grid-column  : span 2;
}