.timeline-header {
  margin-bottom: 20px;
  margin-top: 30px;
  padding-left: 20px;
}

.china-timelines-toc {
  margin-bottom: 4em;
  padding-left: 20px;
}

.ps {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
}

.ele-title {
   font-size: 2.5em;
   line-height: 1.0em;
   //text-align: center;
   font-family: 'Sen', sans-serif;
   color: #314054;
   padding-bottom: 20px;
   padding-top: 12px;
}


/* timelines framework */

.timelines-framework {
   display: grid;
   grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
   grid-gap: 1px;
}

.timelines-framework-china {
   display: grid;
   grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
   grid-gap: 2px;
   background-color: #ab4634;
   margin-left: -15px;
   margin-right: -15px;
}

.timelines-framework-japan {
   display: grid;
   grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
   grid-gap: 2px;
   background-color: #b69330;
   margin-left: -15px;
   margin-right: -15px;
}

.timelines-framework-korea {
   display: grid;
   grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
   grid-gap: 2px;
   background-color: #4c5886;
   margin-left: -15px;
   margin-right: -15px;
}

.timelines-framework-vietnam {
   display: grid;
   grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
   grid-gap: 2px;
   background-color: #427873;
   margin-left: -15px;
   margin-right: -15px;
}

.timelines-framework-southasia {
   display: grid;
   grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
   grid-gap: 2px;
   background-color: #6e624b;
   margin-left: -15px;
   margin-right: -15px;
}

.section-japan-date {
  background-color: #f4f4f4;
  color: #000;
  font-weight: 700;
  font-size: .8em;
  padding: 10px;
}

.japan-content {
  padding: 10px;
  background-color: aliceblue;
  font-size: .8rem;
}

.japan-content p{
  margin-bottom: 0em;
}

.japan-content h3 {
  background-color: #fff;
  font-size: 1em;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.japan-content h4 {
  font-size: .85em;
  text-transform: uppercase;
}

.japan-era-early {
  grid-column: 1 / span 12;
  grid-row 1 / span 1;
}

.japan-4000-1 {
  grid-column: 1 / span 3;
  grid-row: 2 / span 1;
}

.japan-4000-2 {
  grid-column: 4 / span 9;
  grid-row: 2 / span 1;
}

.japan-300-1 {
  grid-column: 1 / span 3;
  grid-row: 3 / span 1;
}

.japan-300-2 {
  grid-column: 4 / span 9;
  grid-row: 3 / span 1;
}

.japan-bce-ce {
  grid-column: 1 / span 12;
  grid-row: 4 / span 1;
}

.japan-300ce-1 {
  grid-column: 1 / span 3;
  grid-row: 4 / span 1;
}

.japan-300ce-2 {
  grid-column: 4 / span 9;
  grid-row: 4 / span 1;
}

.japan-era-classical {
  grid-column: 1 / span 12;
  grid-row: 5 / span 1;
}

.japan-552ce-1 {
  grid-column: 1 / span 3;
  grid-row: 6 / span 1;
}

.japan-552ce-2 {
  grid-column: 4 / span 9;
  grid-row: 6 / span 1;
}

.japan-645ce-1 {
  grid-column: 1 / span 3;
  grid-row: 7 / span 1;
}

.japan-645ce-2 {
  grid-column: 4 / span 9;
  grid-row: 7 / span 1;
}

.japan-710ce-1 {
  grid-column: 1 / span 3;
  grid-row: 8 / span 1;
}

.japan-710ce-2 {
  grid-column: 4 / span 9;
  grid-row: 8 / span 1;
}

.japan-794ce-1 {
  grid-column: 1 / span 3;
  grid-row: 9 / span 1;
}

.japan-794ce-2 {
  grid-column: 4 / span 9;
  grid-row: 9 / span 1;
}

.japan-era-medieval {
  grid-column: 1 / span 12;
  grid-row: 10 / span 1;
}

.japan-1185ce-1 {
  grid-column: 1 / span 3;
  grid-row: 11 / span 1;
}

.japan-1185ce-2 {
  grid-column: 4 / span 9;
  grid-row: 11 / span 1;
}

.japan-1333ce-1 {
  grid-column: 1 / span 3;
  grid-row: 12 / span 1;
}

.japan-1333ce-2 {
  grid-column: 4 / span 9;
  grid-row: 12 / span 1;
}

.japan-1336ce-1 {
  grid-column: 1 / span 3;
  grid-row: 13 / span 1;
}

.japan-1336ce-2 {
  grid-column: 4 / span 9;
  grid-row: 13 / span 1;
}

.japan-1568ce-1 {
  grid-column: 1 / span 3;
  grid-row: 14 / span 1;
}

.japan-1568ce-2 {
  grid-column: 4 / span 9;
  grid-row: 14 / span 1;
}

.japan-1600ce-1 {
  grid-column: 1 / span 3;
  grid-row: 15 / span 1;
}

.japan-1600ce-2 {
  grid-column: 4 / span 9;
  grid-row: 15 / span 1;
}

.japan-era-modern {
  grid-column: 1 / span 12;
  grid-row: 16 / span 1;
}

.japan-1868ce-1 {
  grid-column: 1 / span 3;
  grid-row: 17 / span 1;
}

.japan-1868ce-2 {
  grid-column: 4 / span 9;
  grid-row: 17 / span 1;
}

.japan-1912ce-1 {
  grid-column: 1 / span 3;
  grid-row: 18 / span 1;
}

.japan-1912ce-2 {
  grid-column: 4 / span 9;
  grid-row: 18 / span 1;
}

.japan-1926ce-1 {
  grid-column: 1 / span 3;
  grid-row: 19 / span 1;
}

.japan-1926ce-2 {
  grid-column: 4 / span 9;
  grid-row: 19 / span 1;
}

.japan-1945ce-1 {
  grid-column: 1 / span 3;
  grid-row: 20 / span 1;
}

.japan-1945ce-2 {
  grid-column: 4 / span 9;
  grid-row: 20 / span 1;
}


.japan-credits {
  grid-column: 1 / span 12;
  grid-row: 21 / span 1;
  font-size: .75em;
  text-align: center;
  background-color: #fff;
  padding-top: 10px;
}

.section-korea-date {
  background-color: #f4f4f4;
  font-weight: 700;
  font-size: .8em;
  padding: 10px;
  color: #000;
}

.korea-content {
  padding: 10px;
  background-color: aliceblue;
}

.korea-content h3 {
  background-color: #fff;
  font-size: .85em;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.korea-content h4 {
  font-size: .85em;
  text-transform: uppercase;
}

.korea-4000-1 {
  grid-column: 1 / span 3;
  grid-row: 1 / span 1;
}

.korea-4000-2 {
  grid-column: 4 / span 9;
  grid-row: 1 / span 1;
}

.korea-3000-1 {
  grid-column: 1 / span 3;
  grid-row: 2 / span 1;
}

.korea-3000-2 {
  grid-column: 4 / span 9;
  grid-row: 2 / span 1;
}

.korea-2000-1 {
  grid-column: 1 / span 3;
  grid-row: 3 / span 1;
}

.korea-2000-2 {
  grid-column: 4 / span 9;
  grid-row: 3 / span 1;
}

.korea-300-1 {
  grid-column: 1 / span 3;
  grid-row: 4 / span 1;
}

.korea-300-2 {
  grid-column: 4 / span 9;
  grid-row: 4 / span 1;
}

.korea-100-1 {
  grid-column: 1 / span 3;
  grid-row: 5 / span 1;
}

.korea-100-2 {
  grid-column: 4 / span 9;
  grid-row: 5 / span 1;
}

.korea-50-1 {
  grid-column: 1 / span 3;
  grid-row: 6 / span 1;
}

.korea-50-2 {
  grid-column: 4 / span 9;
  grid-row: 6 / span 1;
}

.korea-47-1 {
  grid-column: 1 / span 3;
  grid-row: 7 / span 1;
}

.korea-47-2 {
  grid-column: 4 / span 9;
  grid-row: 7 / span 1;
}

.korea-668-1 {
  grid-column: 1 / span 3;
  grid-row: 8 / span 1;
}

.korea-668-2 {
  grid-column: 4 / span 9;
  grid-row: 8 / span 1;
}

.korea-890-1 {
  grid-column: 1 / span 3;
  grid-row: 9 / span 1;
}

.korea-890-2 {
  grid-column: 4 / span 9;
  grid-row: 9 / span 1;
}

.korea-1231-1 {
  grid-column: 1 / span 3;
  grid-row: 10 / span 1;
}

.korea-1231-2 {
  grid-column: 4 / span 9;
  grid-row: 10 / span 1;
}

.korea-918-1 {
  grid-column: 1 / span 3;
  grid-row: 11 / span 1;
}

.korea-918-2 {
  grid-column: 4 / span 9;
  grid-row: 11 / span 1;
}

.korea-1392-1 {
  grid-column: 1 / span 3;
  grid-row: 12 / span 1;
}

.korea-1392-2 {
  grid-column: 4 / span 9;
  grid-row: 12 / span 1;
}

.korea-1850-1 {
  grid-column: 1 / span 3;
  grid-row: 13 / span 1;
}

.korea-1850-2 {
  grid-column: 4 / span 9;
  grid-row: 13 / span 1;
}

.korea-1910-1 {
  grid-column: 1 / span 3;
  grid-row: 14 / span 1;
}

.korea-1910-2 {
  grid-column: 4 / span 9;
  grid-row: 14 / span 1;
}

.korea-1945-1 {
  grid-column: 1 / span 3;
  grid-row: 15 / span 1;
}

.korea-1945-2 {
  grid-column: 4 / span 9;
  grid-row: 15 / span 1;
}

.korea-1948-1 {
  grid-column: 1 / span 3;
  grid-row: 16 / span 1;
}

.korea-1948-2 {
  grid-column: 4 / span 9;
  grid-row: 16 / span 1;
}

.korea-1950-1 {
  grid-column: 1 / span 3;
  grid-row: 17 / span 1;
}

.korea-1950-2 {
  grid-column: 4 / span 9;
  grid-row: 17 / span 1;
}

.korea-1953-1 {
  grid-column: 1 / span 3;
  grid-row: 18 / span 1;
}

.korea-1953-2 {
  grid-column: 4 / span 9;
  grid-row: 18 / span 1;
}

.korea-credits {
  grid-column: 1 / span 12;
  grid-row: 19 / span 1;
  font-size: .75em;
  text-align: center;
  background-color: #fff;
  padding-top: 10px;
}


.section-vietnam-date {
  background-color: #f4f4f4;
  font-weight: 700;

  padding: 5px;
  color: #000;
  font-size: .8em;
}

.vietnam-content {
  padding: 5px;
  background-color: aliceblue;
  font-size: .8rem;
}

.vietnam-content p{
  margin-bottom: 0rem;
}

.vietnam-content h3{
  background-color: #fff;
  font-size: 1em;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.vietnam-header1 {
  grid-column: 1 / span 3;
  grid-row: 1 / span 1;
  font-size: .75em;
  color: #000;
}

.vietnam-header2 {
  grid-column: 4 / span 3;
  grid-row: 1 / span 1;
  font-size: .75em;
  color: #000;
}

.vietnam-header3 {
  grid-column: 7 / span 3;
  grid-row: 1 / span 1;
  word-break: break-word;
  font-size: .75em;
  color: #000;
}

.vietnam-header4 {
  grid-column: 10 / span 3;
  grid-row: 1 / span 1;
  word-break: break-word;
  font-size: .75em;
  color: #000;
}

.vietnam-a {
  grid-column: 1 / span 3;
  grid-row: 2 / span 2;
}

.vietnam-b {
  grid-column: 4 / span 3;
  grid-row: 2 / span 1;
}

.vietnam-c {
  grid-column: 4 / span 3;
  grid-row: 3 / span 1;
}

.vietnam-c-central {
  grid-column: 7 / span 3;
  grid-row: 2 / span 2;
}

.vietnam-c-south {
  grid-column: 10 / span 3;
  grid-row: 2 / span 4;
}

.vietnam-d {
  grid-column: 1 / span 3;
  grid-row: 4 / span 5;
}

.vietnam-e {
  grid-column: 4 / span 3;
  grid-row: 4 / span 1;
}

.vietnam-f {
  grid-column: 7 / span 3;
  grid-row: 4 / span 1;
}

.vietnam-g {
  grid-column: 4 / span 3;
  grid-row: 5 / span 1;
}

.vietnam-g-central {
  grid-column: 7 / span 3;
  grid-row: 5 / span 3;
}

.vietnam-h {
  grid-column: 4 / span 3;
  grid-row: 6 / span 1;
}

.vietnam-i {
  grid-column: 10 / span 3;
  grid-row: 6 / span 1;
}

.vietnam-j {
  grid-column: 4 / span 3;
  grid-row: 7 / span 1;
}

.vietnam-j-south {
  grid-column: 10 / span 3;
  grid-row: 7 / span 5;
}

.vietnam-k {
  grid-column: 4 / span 3;
  grid-row: 8 / span 1;
}

.vietnam-l {
  grid-column: 7 / span 3;
  grid-row: 8 / span 1;
}

.vietnam-m {
  grid-column: 1 / span 3;
  grid-row: 9 / span 2;
}

.vietnam-m-central {
  grid-column: 7 / span 3;
  grid-row: 9 / span 3;
}

.vietnam-n {
  grid-column: 4 / span 3;
  grid-row: 9 / span 1;
}

.vietnam-o {
  grid-column: 4 / span 3;
  grid-row: 10 / span 1;
}

.vietnam-p {
  grid-column: 1 / span 3;
  grid-row: 11 / span 2;
}

.vietnam-q {
  grid-column: 4 / span 3;
  grid-row: 11 / span 1;
}

.vietnam-r {
  grid-column: 4 / span 3;
  grid-row: 12 / span 1;
}

.vietnam-s {
  grid-column: 7 / span 3;
  grid-row: 12 / span 1;
}

.vietnam-t {
  grid-column: 10 / span 3;
  grid-row: 12 / span 1;
}

.vietnam-u {
  grid-column: 1 / span 3;
  grid-row: 13 / span 5;
}

.vietnam-u-central {
  grid-column: 7 / span 3;
  grid-row: 13 / span 3;
}

.vietnam-u-south {
  grid-column: 10 / span 3;
  grid-row: 13 / span 11;
}

.vietnam-v {
  grid-column: 4 / span 3;
  grid-row: 13 / span 1;
}

.vietnam-w {
  grid-column: 4 / span 3;
  grid-row: 14 / span 1;
}

.vietnam-x {
  grid-column: 4 / span 3;
  grid-row: 15 / span 1;
}

.vietnam-y {
  grid-column: 7 / span 3;
  grid-row: 16 / span 1;
}

.vietnam-y-north {
  grid-column: 4 / span 3;
  grid-row: 16 / span 1;
}

.vietnam-z {
  grid-column: 4 / span 3;
  grid-row: 17 / span 1;
}

.vietnam-z-central {
  grid-column: 7 / span 3;
  grid-row: 17 / span 1;
}

.vietnam-aa {
  grid-column: 1 / span 3;
  grid-row: 18 / span 3;
}

.vietnam-bb {
  grid-column: 4 / span 3;
  grid-row: 18 / span 1;
}

.vietnam-cc {
  grid-column: 7 / span 3;
  grid-row: 18 / span 1;
}

.vietnam-dd {
  grid-column: 4 / span 3;
  grid-row: 19 / span 1;
}

.vietnam-ee {
  grid-column: 7 / span 3;
  grid-row: 19 / span 1;
}

.vietnam-ff {
  grid-column: 4 / span 3;
  grid-row: 20 / span 1;
}

.vietnam-ff2 {
  grid-column: 7 / span 3;
  grid-row: 20 / span 1;
}

.vietnam-gg {
  grid-column: 1 / span 3;
  grid-row: 21 / span 7;
}

.vietnam-hh {
  grid-column: 4 / span 3;
  grid-row: 21 / span 1;
}

.vietnam-hh-north {
  grid-column: 4 / span 3;
  grid-row: 22 / span 1;
}

.vietnam-hh-central {
  grid-column: 7 / span 3;
  grid-row: 21 / span 1;
}

.vietnam-ii {
  grid-column: 7 / span 3;
  grid-row: 22 / span 1;
}

.vietnam-jj {
  grid-column: 4 / span 6;
  grid-row: 23 / span 1;
}

.vietnam-kk {
  grid-column: 4 / span 9;
  grid-row: 24 / span 1;
}

.vietnam-ll {
  grid-column: 4 / span 9;
  grid-row: 25 / span 1;
}

.vietnam-mm {
  grid-column: 4 / span 3;
  grid-row: 26 / span 1;
}

.vietnam-nn {
  grid-column: 7 / span 3;
  grid-row: 26 / span 1;
}

.vietnam-oo {
  grid-column: 10 / span 3;
  grid-row: 26 / span 1;
}

.vietnam-pp {
  grid-column: 4 / span 9;
  grid-row: 27 / span 1;
}

.vietnam-qq {
  grid-column: 1 / span 3;
  grid-row: 28 / span 8;
}

.vietnam-rr {
  grid-column: 4 / span 9;
  grid-row: 28 / span 1;
}

.vietnam-ss {
  grid-column: 4 / span 9;
  grid-row: 29 / span 1;
}

.vietnam-tt {
  grid-column: 4 / span 3;
  grid-row: 30 / span 1;
}

.vietnam-uu {
  grid-column: 7 / span 3;
  grid-row: 30 / span 1;
}

.vietnam-vv {
  grid-column: 10 / span 3;
  grid-row: 30 / span 1;
}

.vietnam-ww {
  grid-column: 4 / span 9;
  grid-row: 31 / span 1;
}

.vietnam-xx {
  grid-column: 7 / span 3;
  grid-row: 32 / span 1;
}

.vietnam-xx-north {
  grid-column: 4 / span 3;
  grid-row: 32 / span 1;
}

.vietnam-xx-south {
  grid-column: 10 / span 3;
  grid-row: 32 / span 3;
}

.vietnam-yy {
  grid-column: 4 / span 3;
  grid-row: 33 / span 1;
}

.vietnam-yy-central {
  grid-column: 7 / span 3;
  grid-row: 33 / span 2;
}


.vietnam-zz {
  grid-column: 4 / span 3;
  grid-row: 34 / span 1;
}

.vietnam-aaa {
  grid-column: 4 / span 9;
  grid-row: 35 / span 1;
}

.vietnam-bbb {
  grid-column: 1 / span 3;
  grid-row: 36 / span 6;
}

.vietnam-ccc {
  grid-column: 4 / span 9;
  grid-row: 36 / span 1;
}

.vietnam-ddd {
  grid-column: 4 / span 3;
  grid-row: 37 / span 1;
}

.vietnam-eee {
  grid-column: 7 / span 3;
  grid-row: 37 / span 1;
}

.vietnam-eee-south {
  grid-column: 10 / span 3;
  grid-row: 37 / span 1;
}

.vietnam-fff {
  grid-column: 4 / span 9;
  grid-row: 38 / span 1;
}

.vietnam-ggg {
  grid-column: 4 / span 9;
  grid-row: 39 / span 1;
}

.vietnam-hhh {
  grid-column: 4 / span 9;
  grid-row: 40 / span 1;
}

.vietnam-iii {
  grid-column: 4 / span 9;
  grid-row: 41 / span 1;
}


.vietnam-credits {
  grid-column: 1 / span 12;
  grid-row: 42 / span 1;
  font-size: .75em;
  text-align: center;
  background-color: #fff;
  padding-top: 10px;
}



.section-southasia-date {
  background-color: #f4f4f4;
  color: #000;
  padding: 10px;
  font-size: .8rem;
}

.section-southasia-date h3 {
  font-size: 1em;
  font-weight: 700;
  font-family: Open sans, sans-serif;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.section-southasia-header {
  background-color: #f4f4f4;
  color: #000;
  font-weight: 700;
  padding: 10px;
}

.southasia-content {
  padding: 10px;
  background-color: aliceblue;
  font-size: .8rem;
}

.southasia-content p{
  margin-bottom: 0rem;
}

.southasia-content ul{
  margin-bottom: 0rem;
}

.southasia-content h3{
  background-color: #fff;
  font-size: 1em;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.southasia-a  {
  grid-column: 1 / span 12;
  grid-row: 1 / span 1;
}

.southasia-b  {
  grid-column: 1 / span 3;
  grid-row: 2 / span 1;
}

.southasia-c  {
  grid-column: 4 / span 9;
  grid-row: 2 / span 1;
}

.southasia-d  {
  grid-column: 1 / span 3;
  grid-row: 3 / span 1;
}

.southasia-e  {
  grid-column: 4 / span 9;
  grid-row: 3 / span 1;
}

.southasia-f  {
  grid-column: 1 / span 3;
  grid-row: 4 / span 1;
}

.southasia-g  {
  grid-column: 4 / span 9;
  grid-row: 4 / span 1;
}

.southasia-h  {
  grid-column: 1 / span 3;
  grid-row: 5 / span 1;
}

.southasia-i  {
  grid-column: 4 / span 9;
  grid-row: 5 / span 1;
}

.southasia-j  {
  grid-column: 1 / span 3;
  grid-row: 6 / span 1;
}

.southasia-k  {
  grid-column: 4 / span 9;
  grid-row: 6 / span 1;
}

.southasia-l  {
  grid-column: 1 / span 3;
  grid-row: 7 / span 1;
}

.southasia-m  {
  grid-column: 4 / span 9;
  grid-row: 7 / span 1;
}


.southasia-o  {
  grid-column: 1 / span 3;
  grid-row: 8 / span 1;
}

.southasia-p  {
  grid-column: 4 / span 9;
  grid-row: 8 / span 1;
}

.southasia-q  {
  grid-column: 1 / span 3;
  grid-row: 9 / span 1;
}

.southasia-r  {
  grid-column: 4 / span 9;
  grid-row: 9 / span 1;
}

.southasia-s  {
  grid-column: 1 / span 12;
  grid-row: 10 / span 1;
}

.southasia-s2  {
  grid-column: 1 / span 3;
  grid-row: 11 / span 1;
}

.southasia-t  {
  grid-column: 4 / span 9;
  grid-row: 11 / span 1;
}

.southasia-u  {
  grid-column: 1 / span 3;
  grid-row: 12 / span 1;
}

.southasia-v  {
  grid-column: 4 / span 9;
  grid-row: 12 / span 1;
}

.southasia-w  {
  grid-column: 1 / span 3;
  grid-row: 13 / span 1;
}

.southasia-x  {
  grid-column: 4 / span 9;
  grid-row: 13 / span 1;
}

.southasia-y  {
  grid-column: 1 / span 3;
  grid-row: 14 / span 1;
}

.southasia-z  {
  grid-column: 4 / span 9;
  grid-row: 14 / span 1;
}

.southasia-aa {
  grid-column: 1 / span 3;
  grid-row: 15 / span 1;
}

.southasia-bb {
  grid-column: 4 / span 9;
  grid-row: 15 / span 1;
}

.southasia-cc {
  grid-column: 1 / span 3;
  grid-row: 16 / span 1;
}

.southasia-dd {
  grid-column: 4 / span 9;
  grid-row: 16 / span 1;
}

.southasia-dd2 {
  grid-column: 1 / span 3;
  grid-row: 18 / span 1;
}

.southasia-ee {
  grid-column: 1 / span 12;
  grid-row: 17 / span 1;
}

.southasia-ff {
  grid-column: 4 / span 9;
  grid-row: 18 / span 1;
}

.southasia-gg {
  grid-column: 1 / span 3;
  grid-row: 19 / span 1;
}

.southasia-hh {
  grid-column: 4 / span 9;
  grid-row: 19 / span 1;
}

.southasia-ii {
  grid-column: 1 / span 3;
  grid-row: 20 / span 1;
}

.southasia-jj {
  grid-column: 4 / span 9;
  grid-row: 20 / span 1;
}

.southasia-kk {
  grid-column: 1 / span 3;
  grid-row: 21 / span 1;
}

.southasia-ll {
  grid-column: 4 / span 9;
  grid-row: 21 / span 1;
}

.southasia-mm {
  grid-column: 1 / span 3;
  grid-row: 22 / span 1;
}

.southasia-nn {
  grid-column: 4 / span 9;
  grid-row: 22 / span 1;
}

.southasia-oo {
  grid-column: 1 / span 3;
  grid-row: 23 / span 1;
}

.southasia-pp {
  grid-column: 4 / span 9;
  grid-row: 23 / span 1;
}

.southasia-qq {
  grid-column: 1 / span 3;
  grid-row: 24 / span 1;
}

.southasia-rr {
  grid-column: 4 / span 9;
  grid-row: 24 / span 1;
}

.southasia-ss {
  grid-column: 1 / span 12;
  grid-row: 25 / span 1;
}

.southasia-tt {
  grid-column: 1 / span 3;
  grid-row: 26 / span 1;
}

.southasia-uu {
  grid-column: 4 / span 9;
  grid-row: 26 / span 1;
}

.southasia-vv {
  grid-column: 1 / span 12;
  grid-row: 27 / span 1;
}

.southasia-ww {
  grid-column: 1 / span 3;
  grid-row: 28 / span 1;
}

.southasia-xx {
  grid-column: 4 / span 9;
  grid-row: 28 / span 1;
}

.southasia-yy {
  grid-column: 1 / span 3;
  grid-row: 29 / span 1;
}

.southasia-zz {
  grid-column: 4 / span 9;
  grid-row: 29 / span 1;
}

.southasia-credits {
  grid-column: 1 / span 12;
  grid-row: 30 / span 1;
  font-size: .75em;
  text-align: center;
  background-color: #fff;
  padding-top: 10px;
}

.section-china-color1 {
  background-color: #f4f4f4;
  color: #000;
  font-weight: 700;
  font-size: .8em;
  padding: 10px;
}

.section-china-color {
  padding: 10px;
  background-color: aliceblue;
  font-weight: 400;
  font-size: .8rem;
}

.section-china-color h3{
  background-color: #fff;
  font-size: 1em;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.section-china-color2 {
  background-color: #f4f4f4;
  color: #000;
  font-weight: 700;
  font-size: .8em;
  padding: 10px;

}

.section-china-color3 {
  background-color: #f4f4f4;
  color: #000;
  font-weight: 700;
  font-size: .8em;
  padding: 10px;
}

.china-credits {
  grid-column: 1 / span 12;
  grid-row: 22 / span 1;
  text-align: center;
  background-color: #fff;
  font-size: 0.85rem;
  padding-top: 10px;
  padding-bottom: 10px;
}
.china-a {
  grid-column: 1 / span 3;
  grid-row: 1 / span 1;
}

.china-b {
  grid-column: 4 / span 9;
  grid-row: 1 / span 1;
}

.china-c {
  grid-column: 1 / span 3;
  grid-row: 2 / span 1;
}

.china-d {
  grid-column: 4 / span 3;
  grid-row: 2 / span 1;
}

.china-e {
  grid-column: 7 / span 6;
  grid-row: 2 / span 1;
}

.china-f {
  grid-column: 1 / span 3;
  grid-row: 3 / span 3;
}

.china-g {
  grid-column: 4 / span 3;
  grid-row: 3 / span 1;
}

.china-h {
  grid-column: 7 / span 6;
  grid-row: 3 / span 1;
}

.china-i {
  grid-column: 4 / span 9;
  grid-row: 4 / span 1;
}

.china-j {
  grid-column: 4 / span 3;
  grid-row: 5 / span 1;
}

.china-k {
  grid-column: 7 / span 6;
  grid-row: 5 / span 1;
}

.china-l {
  grid-column: 1 / span 3;
  grid-row: 6 / span 1;
}

.china-m {
  grid-column: 4 / span 3;
  grid-row: 6 / span 1;
}

.china-n {
  grid-column: 7 / span 6;
  grid-row: 6 / span 1;
}

.china-o {
  grid-column: 1 / span 3;
  grid-row: 7 / span 3;
}

.china-p {
  grid-column: 4 / span 9;
  grid-row: 7 / span 1;
}

.china-q {
  grid-column: 4 / span 3;
  grid-row: 8 / span 1;
}

.china-r {
  grid-column: 7 / span 6;
  grid-row: 8 / span 1;
}

.china-s {
  grid-column: 4 / span 3;
  grid-row: 9 / span 1;
}

.china-t {
  grid-column: 7 / span 6;
  grid-row: 9 / span 1;
}

.china-u {
  grid-column: 1 / span 3;
  grid-row: 10 / span 1;
}

.china-v {
  grid-column: 4 / span 3;
  grid-row: 10 / span 1;
}

.china-w {
  grid-column: 7 / span 6;
  grid-row: 10 / span 1;
}

.china-x {
  grid-column: 1 / span 3;
  grid-row: 11 / span 1;
}

.china-y {
  grid-column: 4 / span 3;
  grid-row: 11 / span 1;
}

.china-z {
  grid-column: 7 / span 6;
  grid-row: 11 / span 1;
}

.china-aa {
  grid-column: 1 / span 3;
  grid-row: 12 / span 1;
}

.china-bb {
  grid-column: 4 / span 3;
  grid-row: 12 / span 1;
}

.china-cc {
  grid-column: 7 / span 6;
  grid-row: 12 / span 1;
}

.china-dd {
  grid-column: 1 / span 3;
  grid-row: 13 / span 1;
}

.china-ee {
  grid-column: 4 / span 9;
  grid-row: 13 / span 1;
}

.china-ff {
  grid-column: 1 / span 3;
  grid-row: 14 / span 3;
}

.china-gg {
  grid-column: 4 / span 9;
  grid-row: 14 / span 1;
}

.china-hh {
  grid-column: 4 / span 3;
  grid-row: 15 / span 1;
}

.china-ii {
  grid-column: 7 / span 6;
  grid-row: 15 / span 1;
}

.china-jj {
  grid-column: 4 / span 3;
  grid-row: 16 / span 1;
}

.china-kk {
  grid-column: 7 / span 6;
  grid-row: 16 / span 1;
}

.china-ll {
  grid-column: 1 / span 3;
  grid-row: 17 / span 1;
}

.china-mm {
  grid-column: 4 / span 3;
  grid-row: 17 / span 1;
}

.china-nn {
  grid-column: 7 / span 6;
  grid-row: 17 / span 1;
}

.china-oo {
  grid-column: 1 / span 3;
  grid-row: 18 / span 1;
}

.china-pp {
  grid-column: 4 / span 3;
  grid-row: 18 / span 1;
}

.china-qq {
  grid-column: 7 / span 6;
  grid-row: 18 / span 1;
}

.china-rr {
  grid-column: 1 / span 3;
  grid-row: 19 / span 1;
}

.china-ss {
  grid-column: 4 / span 3;
  grid-row: 19 / span 1;
}

.china-tt {
  grid-column: 7 / span 6;
  grid-row: 19 / span 1;
}

.china-uu {
  grid-column: 1 / span 3;
  grid-row: 20 / span 1;
}

.china-vv {
  grid-column: 4 / span 3;
  grid-row: 20 / span 1;
}

.china-ww {
  grid-column: 7 / span 6;
  grid-row: 20 / span 1;
}

.china-xx {
  grid-column: 1 / span 3;
  grid-row: 21 / span 1;
}

.china-yy {
  grid-column: 4 / span 3;
  grid-row: 21 / span 1;
}

.china-zz {
  grid-column: 7 / span 6;
  grid-row: 21 / span 1;
}

.hist-date {
  background-color: #f4f4f4;
  padding: 10px;
  color: #000;
  font-weight: 700;
  font-size: .8rem;
}

.hist-content {
  background-color: aliceblue;
  padding: 10px;
  font-size: .8rem;
}

.hist-content h3 {
  background-color: #fff;
  font-size: 1em;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.hist-credits {
  grid-column: 1 / span 12;
  grid-row: 16 / span 1;
  font-size: .75em;
  text-align: center;
  padding-left: 2em;
  padding-right: 2em;
  background-color: #fff;
  padding-top: 10px;
}

.dynasty-song {
  background-color: aliceblue;
}

.china-hist-a {
  grid-column: 1 / span 3;
  grid-row: 1 / span 1;
}

.china-hist-b {
  grid-column: 4 / span 9;
  grid-row: 1 / span 1;
}

.china-hist-c {
  grid-column: 1 / span 3;
  grid-row: 2 / span 1;
}

.china-hist-d {
  grid-column: 4 / span 9;
  grid-row: 2 / span 1;
}

.china-hist-e {
  grid-column: 1 / span 3;
  grid-row: 3 / span 1;
}

.china-hist-f {
  grid-column: 4 / span 9;
  grid-row: 3 / span 1;
}

.china-hist-g {
  grid-column: 1 / span 3;
  grid-row: 4 / span 1;
}

.china-hist-h {
  grid-column: 4 / span 9;
  grid-row: 4 / span 1;
}

.china-hist-i {
  grid-column: 1 / span 3;
  grid-row: 5 / span 1;
}

.china-hist-j {
  grid-column: 4 / span 9;
  grid-row: 5 / span 1;
}

.china-hist-k {
  grid-column: 1 / span 3;
  grid-row: 6 / span 1;
}

.china-hist-l {
  grid-column: 4 / span 9;
  grid-row: 6 / span 1;
}

.china-hist-m {
  grid-column: 1 / span 3;
  grid-row: 7 / span 1;
}

.china-hist-n {
  grid-column: 4 / span 9;
  grid-row: 7 / span 1;
}

.china-hist-o {
  grid-column: 1 / span 3;
  grid-row: 8 / span 1;
}

.china-hist-p {
  grid-column: 4 / span 9;
  grid-row: 8 / span 1;
}

.china-hist-q {
  grid-column: 1 / span 3;
  grid-row: 9 / span 1;
}

.china-hist-r {
  grid-column: 4 / span 9;
  grid-row: 9 / span 1;
}

.china-hist-s {
  grid-column: 1 / span 3;
  grid-row: 10 / span 1;
}

.china-hist-t {
  grid-column: 4 / span 9;
  grid-row: 10 / span 1;
}

.china-hist-u {
  grid-column: 1 / span 3;
  grid-row: 11 / span 1;
}

.china-hist-v {
  grid-column: 4 / span 9;
  grid-row: 11 / span 1;
}

.china-hist-w {
  grid-column: 1 / span 3;
  grid-row: 12 / span 1;
}

.china-hist-x {
  grid-column: 4 / span 9;
  grid-row: 12 / span 1;
}

.china-hist-y {
  grid-column: 1 / span 3;
  grid-row: 13 / span 1;
}

.china-hist-z {
  grid-column: 4 / span 9;
  grid-row: 13 / span 1;
}

.china-hist-aa {
  grid-column: 1 / span 3;
  grid-row: 14 / span 1;
}

.china-hist-bb {
  grid-column: 4 / span 9;
  grid-row: 14 / span 1;
}

.china-hist-cc {
  grid-column: 1 / span 3;
  grid-row: 15 / span 1;
}

.china-hist-dd {
  grid-column: 4 / span 9;
  grid-row: 15 / span 1;
}