html {
  -webkit-text-size-adjust: 100%
}

body {
  -webkit-font-smoothing: antialiased;
}

.no-underline a {
  text-decoration: none;
  font-size: 17px;
  padding-left: 10px;
  padding-right: 10px;
}

h1{
  text-decoration: none;
  font-weight: bold;
  display: block;
}
h7{
  font-family: 'Times New Roman', Times, serif;
  font-size: 3.375rem;
  line-height: 3.75rem;
  color: #000a0a;
  font-weight: 400;
  line-height: 2.0625rem;
  margin-top: 0.67rem;
  margin-right: 0px;
  margin-bottom: 0.67rem;
  margin-left: 0px;
  box-sizing: inherit
}
h8 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;

}
a:hover { 
  color: rgb(157, 29, 0); text-decoration: none;
}

/* Articles Attribute */

.TitleArt {
  margin-top: 0.67rem;
  margin-right: 0px;
  margin-bottom: 0.67rem;
  margin-left: 0px;
  line-height: 3rem;  
}
p {
  margin: 0 0 1.2rem;
  font-family: normal, serif;
  font-size: 1.3rem;
  letter-spacing: .03125rem;
  line-height: 2rem;
}
p1 { 
  color: rgb(185, 0, 0);
}
p2 {
  color: rgb(47, 122, 156);
}
p3 {
  font-family: normal, serif;
  font-size: 1rem; 
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
p3h {
  font-weight: bold;
  font-family:'Times New Roman', Times, serif; 
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 1.25rem;
}
li {
  display: list-item;
  text-align: match-parent;
  margin: 0 0 .6rem;
}
ul {
  font-size: 1.2rem;
  letter-spacing: .03125rem;
  line-height: 2.5rem;
  list-style-type: disc;
  padding-inline-start: 40px;
}
::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0px !important;
  text-align: start !important;
  text-align-last: start !important;
}
*, :after, :before {
  box-sizing: inherit;
}
*, :after, :before {
  margin: 0;
  padding: 0;
}
.center {
  margin-left: 23rem;
}
section{
  display: block;
}
.post {
  position: relative;
}
.page-banner {
  margin-bottom: 3rem;
  padding: 3.125rem 0;
  background-color: #0f2524;
}
.page-banner__content {
  flex: 0 0 auto;
  width: calc(100% - 1.5625rem);
  margin-left: .78125rem;
  margin-right: .78125rem;
}
.page-banner__container {
  padding-right: .78125rem;
  padding-left: .78125rem;
  max-width: 1225px;
  margin-left: auto;
  margin-right: auto;
}
.otnotice-content {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
  box-sizing: border-box;
  position: center;
}
.post__layout {
  margin-right: 0;
  margin-left: 0;
  display: flex;
  flex-flow: row wrap;
}
.post__content-container {
  padding-right: .78125rem;
  padding-left: .78125rem;
  max-width: 1225px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
}
.post__content-wrapper {
  flex: 0 0 auto;
  width: calc(100% - 1.5625rem);
  margin-left: .78125rem;
  margin-right: .78125rem;
}

/* Image for articles */

img Front_img {
  width: 884px;
  aspect-ratio: auto 884 / 584;
  height: 584px;
}
.post__featured-image img {
  height: auto;
  width: 100%;
}
img {
  font-family: proxima-nova,helvetica,sans-serif;
}
img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
img {
  border-style: none;
}

/* Titlehead */
.titlehead {
padding-bottom: 5px;
padding-top: 45px;
padding-left: 20px;
text-align: center;
background: rgb(219, 219,219);
} 
/* Left column */
.leftcolumn {
float: left;
width: 25%;
text-decoration: none;
font-family:  'Arial', Arial, sans-serif;
font-size: 1.30rem;
line-height: 3.5rem;
overflow-y: scroll hidden;

}
/* Left mid column*/
.leftmid {
float: left;
width: 25%;
margin-left: 20px;
text-decoration: none;
font-family:  'Arial', Arial, sans-serif;


}
/* Right column */
.rightcolumn {
float: right;
width: 23%;
padding-left: 20px;

}
/* Fake image */
.fakeimg {
background-color: #aaa;
width: 100%;

} 
/* Add a card effect for articles */
.card {
background-color: white;
padding: 20px;
margin-top: 20px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}  
/* Footer */
.footer {
padding: 20px;
text-align: center;
background: #ddd;
margin-top: 20px;
}

@media print, screen and (min-width: 64em){
.post__layout {
    margin-right: -.78125rem;
    margin-left: -.78125rem;
}}

@media print, screen and (min-width: 64em){
.post__content-container {
    margin-bottom: 80px;
}}

@media print, screen and (min-width: 40em){
.post__content-wrapper {
    width: calc(66.66667% - 1.5625rem);
}}

@media print, screen and (min-width: 40em){  
.post__content-wrapper, .post__content-wrapper--full-width {
    flex: 0 0 auto;
    margin-left: .78125rem;
    margin-right: .78125rem;
}}

@media print, screen and (min-width: 64em){
.page-banner__container {
    padding-right: 0;
    padding-left: 0;
    max-width: 1225px;
    margin-left: auto;
    margin-right: auto;
}}

@media screen and (max-width: 800px) {
    .leftcolumn, .rightcolumn {
      width: 100%;
      padding: 0;
    }
  }

footer { 
    height: end;
}

footer p {
    color: rgba(255, 255, 255, 0.685);
    background-color: rgba(0, 0, 0, 0.62);
    padding-top: 50px;
    font-style: italic;
    padding-bottom: 50px;
    text-align: center;
    margin-top: 200px;    
}