/*STYLE INFO
-------------------------------------------------------------------------
Style:  content2021.css
Site:   https://thinkingtaiwan.com.tw/;
Author: junsuwhy
-------------------------------------------------------------------------
Color:
    Main   : 00B4B4  //Dark Grass Green;
    Hover  : 77BB58  //Grass Green ;
    Border : 558E41  //Darker Grass Green ;
    Body background: #f5f5f5;  //Screw Black ;
    作者 bg: rgba(90,196,87,0.1) //screw grass green;
    
    New Color: #00B4B4 // Aqua Blue color

-------------------------------------------------------------------------

*/

/** clear origin style */
body, 
body .main-container .region-content .node .field-name-body {
  font-size: 17px;
  font-family: "Helvetica Neue", Helvetica, Arial, "儷黑 Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
ul li {
  list-style: none;
}
ol li {
  list-style: unset;
}


.main-container .region-content .node .field-name-body h1,
.main-container .region-content .node .field-name-body h2,
.main-container .region-content .node .field-name-body h3,
.main-container .region-content .node .field-name-body h4 {
  line-height: 26px;
  margin-top: 50px;
  margin-bottom: 15px;
  font-weight: bolder;
}
.main-container .region-content .node .field-name-body h1 {
  line-height: 1.2em;
}
.main-container .region-content .node .field-name-body h2 {
  font-size: 24px;
}
.main-container .region-content .node .field-name-body h3 {
  font-size: 20px;
}
.main-container .region-content .node .field-name-body a {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: #00B4B4;
  border-bottom: none;
  text-decoration: none;
}

.main-container .region-content .node .field-name-body a:hover {
  border-bottom: 1px #00B4B4 solid;
  background: none;
}

/** List-item */

.main-container .region-content #block-system-main .node li {
  padding-left: .6em;
}
/** origin unorder list style in custom.css */
/**
.main-container .region-content #block-system-main .node ul {
  list-style: none;
  padding: 0;
  margin-bottom: 15px;
}
.main-container .region-content #block-system-main .node ul li {
  text-indent: -.7em;
}
.main-container .region-content #block-system-main .node ul li::before {
  content: "• ";
  color: black;
}
*/
.main-container .region-content #block-system-main .node li {
  padding-left: 0;
  text-indent: 0; 
}
.main-container .region-content #block-system-main .node ul {
  list-style: unset;
  padding-left: 20px;
  margin-bottom: 15px;
}
.main-container .region-content #block-system-main .node ul li {
  list-style: unset;
  /* text-indent: -.7em; */
}
.main-container .region-content #block-system-main .node ul li::before {
  content: "";
}
.main-container .region-content #block-system-main .node ol {
  padding-left: 20px;
}
.main-container .region-content #block-system-main .node ol li:before {
  content: none;
}
.main-container .region-content #block-system-main .node ol li::marker {
  font-weight: bolder;
}

/** blockquote */
.main-container .region-content .node .field-name-body blockquote {
  border: none;
  border-left: 3px solid #00B4B4;
  padding-left: 28px;
  padding-top: 0;
  padding-bottom: 0;
}
.main-container .region-content .node .field-name-body blockquote p {
  padding-top: 10px;
  padding-bottom: 10px;
}

/** table */ 
.main-container .region-content .node .field-name-body table,
.main-container .region-content .node .field-name-body table thead,
.main-container .region-content .node .field-name-body table tr {
  border: 1px solid black;
}
.main-container .region-content .node .field-name-body table thead {
  background: #00B4B4;
}
.main-container .region-content .node .field-name-body table th,
.main-container .region-content .node .field-name-body table td {
  padding: 8px;
  font-size: 14px;
  line-height: 20px;
  text-align:  left;
  vertical-align: top;
  border: 1px solid black;
}
.main-container .region-content .node .field-name-body table th p,
.main-container .region-content .node .field-name-body table td p {
  font-size: 17px;
}
.main-container .region-content .node .field-name-body table thead:hover {
  background: #00B4B4;
}
.main-container .region-content .node .field-name-body table td:hover, 
.main-container .region-content .node .field-name-body table th:hover, 
.main-container .region-content .node .field-name-body table tr:hover {
  background:  initial;
}
@media (max-width: 839px) {
  .region-content .node .field-name-body .image-caption-container img {
    max-width: calc(100vw - 30px);
  }
  .main-container .region-content .node .field-name-body p {
    font-weight: unset;
    font-size: 18px;
    line-height: 1.5em;
  }
  .main-container .region-content .node .field-name-body table {
    max-width: calc(100vw - 30px);
  }
  .main-container .region-content .node .field-name-body table th, 
  .main-container .region-content .node .field-name-body table td {
    font-size: 17px;
  }
}