/* Title */
.book__body h3{
    font-size:20px;
    margin-bottom:30px;
    margin-top:30px;
    font-weight:bold;
    text-align: left;
}

.book__body h3 span{
    padding:11px 15px 11px 15px;
    color:#FFF;
    background:#2ecc71;
    margin-right:10px;
}

.book__body h4{
    font-size:16px;
    margin-bottom:30px;
    margin-top:30px;
    font-weight:bold;
    text-align: left;
}

.book__body h4 span{
    padding:11px 15px 11px 15px;
    color:#FFF;
    background:#e67e22;
    margin-right:10px;
}

.book__body h5{
    font-size:14px;
    margin-bottom:30px;
    margin-top:30px;
    font-weight:bold;
    text-indent: 35px;
    text-align: left;
}

.book__body h5 span{
    margin-right:10px;
}

.book__body h6{
    font-weight: bold;
    text-align: left;
}

/* Layout */
    /* .babox {
      width: 200px;
      height: 300px;
      border-left: 0px solid transparent;
      border-right: 100px solid transparent;
      border-top: 150px solid rgb(26, 16, 136);
    }
.babox h1 {
  position:absolute;
  top: 15px;
  width: 100px;
  left: 5px;
  text-align: center;
  display: ;
}     */

/* Order list */
.order ol.romanup {
    counter-reset: romanup;
}
.order ol.roman {
    counter-reset: roman;
}
.order ol.alphaup {
    counter-reset: alphaup;
}
.order ol.alpha {
    counter-reset: alpha;
}
.order ol.decimals {
    counter-reset: decimals;
}
.order ol {
  list-style: none;
  padding-left: 40px;
}
.order ol li {
    position: relative;
}
.order ol li::before {
  position: absolute;
  --size: 25px;
  left: calc(-1 * var(--size));
  top: 0;
}
.order ol.romanup > li:before {
    counter-increment: romanup;
    content:counter(romanup, upper-roman)") "
}
.order ol.roman > li:before {
    counter-increment: roman;
    content:counter(roman, lower-roman)") "
}
.order ol.alphaup > li:before {
    counter-increment: alphaup;
    content:counter(alphaup, upper-alpha)") "
}
.order ol.alpha > li:before {
    counter-increment: alpha;
    content:counter(alpha, lower-alpha)") "
}
.order ol.decimals > li:before {
    list-style-position: outside;
    padding-right:40px;
    counter-increment: decimals;
    content:counter(decimals, decimal)") "
}

.box{
    padding: 5px 25px 5px 25px;
    font-size:13px;
    background:#DAE9F2;
    /* border:2px solid #7096BA; */
    -webkit-border-radius: 10px;
    -moz-border-radius:10px;
    border-radius: 10px;
    margin-top:20px;
    margin-bottom:20px;
}
.box h3{
    padding:0px;
    margin:0px;
    margin-bottom:10px;
    font-weight: bold;
}
.box h6{
    padding:0px;
    margin:0px;
    font-size:16px;
    color:orange;
    font-weight: bold;
    margin-bottom:20px;
}

.image b{
    color:#7888BD;
}
.image div{
    margin-top:10px;
}

/* center img */
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}