/*for index.html*/
.invheader, invglobalheader, invlocalheader, invfooter, invglobalfooter, invlocalfooter, invaside {
display: none;
}
.ttlCenter {
 font-size: 3em;
 font-weight: bold;
 text-align: center;
 padding-top: 5px;
 padding-bottom: 10px;
 width: 90%;
}
.ttlLeft {
 font-size: 3em;
 font-weight: bold;
 text-align: left;
 padding-top: 5px;
 padding-bottom: 10px;
 width: 100%;
}
.ttlRight {
 font-size: 3em;
 font-weight: bold;
 text-align: right;
 padding-top: 5px;
 padding-bottom: 10px;
 width: 100%;
}
.ttlSubCenter {
 font-size: 1.5em;
 font-weight: bold;
 text-align: center;
 padding-top: 5px;
 padding-bottom: 10px;
 width: 90%;
}
.ttlSubLeft {
 font-size: 1.5em;
 font-weight: bold;
 text-align: left;
 padding-top: 5px;
 padding-bottom: 10px;
 width: 100%;
}
.ttlSubRight {
 font-size: 1.5em;
 font-weight: bold;
 text-align: right;
 padding-top: 5px;
 padding-bottom: 10px;
 width: 100%;
}
.ttlAuthorCenter {
 font-style: italic;
 text-align: center;
 padding-top: 5px;
 padding-bottom: 10px;
 width: 90%;
}
.ttlAuthorLeft {
 font-style: italic;
 text-align: left;
 padding-top: 5px;
 padding-bottom: 10px;
 width: 100%;
}
.ttlAuthorRight {
 font-style: italic;
 text-align: right;
 padding-top: 5px;
 padding-bottom: 10px;
 width: 100%;
}
.artclAbstract {
 background-color: rgb(255, 255, 204); /*light yellow*/
 width: 85%;
 margin-left: 5%;
 padding-left: 5px;
 padding-right: 5px;
}
.artclAbstract12 {
 background-color: rgb(255, 255, 204); /*light yellow*/
 font-size: 1.2em;
 width: 85%;
 margin-left: 5%;
 padding-left: 5px;
 padding-right: 5px;
}
.artclAbstractSpace {
 background-color: rgb(255, 255, 204); /*light yellow*/
 width: 85%;
 margin-left: 5%;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 7px;
}
.artclAbstractSpace12 {
 background-color: rgb(255, 255, 204); /*light yellow*/
 font-size: 1.2em;
 width: 85%;
 margin-left: 5%;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 7px;
}
.chptr1 {
 font-size: 2.5em;
 font-weight: bold;
 font-variant: small-caps;
 padding-top: 5px;
 padding-bottom: 7px;
 width: 80%;
 margin-left: 5%;
}
.chptr2 {
 font-size: 1.875em;
 font-weight: bold;
 font-variant: small-caps;
 padding-top: 5px;
 padding-bottom: 5px;
 width: 80%;
 margin-left: 5%;
}
.chptr3 {
 font-size: 1.625em;
 font-variant: small-caps;
 padding-top: 2px;
 padding-bottom: 3px;
 width: 80%;
 margin-left: 5%;
}
.chptr4 {
 font-size: 1.475em;
 font-variant: small-caps;
 padding-top: 2px;
 padding-bottom: 2px;
 width: 80%;
 margin-left: 5%;
}
.chptr5 {
 font-size: 1.225em;
 font-variant: small-caps;
 padding-top: 2px;
 padding-bottom: 2px;
 width: 80%;
 margin-left: 5%;
}
.txtNormal {
 width: 80%;
 margin-left: 7%;
}
.txtSpace {
 padding-bottom: 7px;
 width: 80%;
 margin-left: 7%;
}
.txtNormal12 {
 font-size: 1.2em;
 width: 80%;
 margin-left: 7%;
}
.txtSpace12 {
 font-size: 1.2em;
 padding-bottom: 7px;
 width: 80%;
 margin-left: 7%;
}
.txtCite {
 font-size: 1.1em;
 font-style: italic;
 width: 55%;
 margin-left: 12%;
 padding-top: 10px;
 padding-bottom: 12px;
}
.lstBull {
 width: 60%;
 margin-left: 10%;
}
.lstBull::before {
 content: "\2022";
 margin-left: -9px;
}
.lstBull::first-line {
}
.lstBull::first-letter {
}
.lstBull12 {
 font-size: 1.2em;
 width: 60%;
 margin-left: 10%;
}
.lstBull12::before {
 content: "\2022";
 margin-left: -9px;
}
.lstBull12::first-line {
}
body {
 counter-reset: listnum1 listnum2 listnum3 listnum4;
}
.lstNum0 {
 width: 60%;
 margin-left: 10%;
}
.lstNum0::before {
 counter-set: listnum1 1 listnum2 0 listnum3 0 listnum4 0;
 content: counter(listnum1) " ";
 margin-left: -15px;
}
.lstNum1 {
 width: 60%;
 margin-left: 10%;
}
.lstNum1::before {
 counter-set: listnum2 0 listnum3 0 listnum4 0;
 counter-increment: listnum1;
 content: counter(listnum1) " ";
 margin-left: -15px;
}
.lstNum2 {
 width: 60%;
 margin-left: 12%;
}
.lstNum2::before {
 counter-set: listnum3 0 listnum4 0;
 counter-increment: listnum2;
 content: counter(listnum2) " ";
 margin-left: -15px;
}
.lstNum3 {
 width: 60%;
 margin-left: 14%;
}
.lstNum3::before {
 counter-set: listnum4 0;
 counter-increment: listnum3;
 content: counter(listnum3) " ";
 margin-left: -15px;
}
.lstNum4 {
 width: 60%;
 margin-left: 16%;
}
.lstNum4::before {
 counter-increment: listnum4;
 content: counter(listnum4) " ";
 margin-left: -15px;
}
.lstNum12_0 {
 font-size: 1.2em;
 width: 60%;
 margin-left: 10%;
}
.lstNum12_0::before {
 counter-set: listnum1 1 listnum2 0 listnum3 0 listnum4 0;
 content: counter(listnum1) " ";
 margin-left: -15px;
}

.lstNum12_1 {
 font-size: 1.2em;
 width: 60%;
 margin-left: 10%;
}
.lstNum12_1::before {
 counter-set: listnum2 0 listnum3 0 listnum4 0;
 counter-increment: listnum1;
 content: counter(listnum1) " ";
 margin-left: -15px;
}

.lstNum12_2 {
 font-size: 1.2em;
 width: 60%;
 margin-left: 12%;
}
.lstNum12_2::before {
 counter-set: listnum3 0 listnum4 0;
 counter-increment: listnum2;
 content: counter(listnum2) " ";
 margin-left: -15px;
}

.lstNum12_3 {
 font-size: 1.2em;
 width: 60%;
 margin-left: 14%;
}
.lstNum12_3::before {
 counter-set: listnum4 0;
 counter-increment: listnum3;
 content: counter(listnum3) " ";
 margin-left: -15px;
}

.lstNum12_4 {
 font-size: 1.2em;
 width: 60%;
 margin-left: 16%;
}
.lstNum12_4::before {
 counter-increment: listnum4;
 content: counter(listnum4) " ";
 margin-left: -15px;
}
.lstAbstractBull {
 background-color: rgb(255, 255, 204); /*light yellow*/
 width: 85%;
 margin-left: 5%;
 padding-left: 5px;
 padding-right: 5px;"
}
div[class=lstAbstractBull]::before {
 background-color: rgb(255, 255, 204); /*light yellow*/
 content: ""\2022"";
 padding-left: 8%;"
}
div[class=lstAbstractBull]::first-line {
}
div[class=lstAbstractBull]::first-letter {
}
body {
 counter-reset: listnum1 listnum2 listnum3 listnum4;
}

.lstAbstractNum0 {
 background-color: rgb(255, 255, 204); /*light yellow*/
 width: 85%;
 margin-left: 10%;
 padding-left: 5px;
 padding-right: 5px;
}
div[class=lstAbstractNum0]::before {
 background-color: rgb(255, 255, 204); /*light yellow*/
 counter-set: listnum1 1 listnum2 0 listnum3 0 listnum4 0;
 content: counter(listnum1) "" "";
 padding-left: 8%;
 margin-left: -15px;
}

.lstAbstractNum1 {
 background-color: rgb(255, 255, 204); /*light yellow*/
 width: 60%;
 margin-left: 10%;
 padding-left: 5px;
 padding-right: 5px;
}
div[class=lstAbstractNum1]::before {
 background-color: rgb(255, 255, 204); /*light yellow*/
 counter-set: listnum2 0 listnum3 0 listnum4 0;
 counter-increment: listnum1;
 content: counter(listnum1) "" "";
 padding-left: 8%;
 margin-left: -15px;
}

.lstAbstractNum2 {
 background-color: rgb(255, 255, 204); /*light yellow*/
 width: 60%;
 margin-left: 12%;
 padding-left: 5px;
 padding-right: 5px;
}
div[class=lstAbstractNum2]::before {
 background-color: rgb(255, 255, 204); /*light yellow*/
 counter-set: listnum3 0 listnum4 0;
 counter-increment: listnum2;
 content: counter(listnum2) "" "";
 padding-left: 8%;
 margin-left: -15px;
}

.lstAbstractNum3 {
 background-color: rgb(255, 255, 204); /*light yellow*/
 width: 60%;
 margin-left: 14%;
 padding-left: 5px;
 padding-right: 5px;
}
div[class=lstAbstractNum3]::before {
 background-color: rgb(255, 255, 204); /*light yellow*/
 counter-set: listnum4 0;
 counter-increment: listnum3;
 content: counter(listnum3) "" "";
 padding-left: 8%;
 margin-left: -15px;
}

.lstAbstractNum4 {
 background-color: rgb(255, 255, 204); /*light yellow*/
 width: 60%;
 margin-left: 16%;
 padding-left: 5px;
 padding-right: 5px;
}
div[class=lstAbstractNum4]::before {
 background-color: rgb(255, 255, 204); /*light yellow*/
 counter-increment: listnum4;
 content: counter(listnum4) "" "";
 padding-left: 8%;
 margin-left: -15px;
}

.txtCodeStart {
 font-family: Consolas, ""courier new"";
 font-size: 0.8em;
 border-left: 1px solid black;
 border-top: 1px solid black;
 border-right: 1px solid black;
 width: 80%;
 margin-left: 5%;
 margin-top: 15px;
}
.txtCodeLine {
font-family: Consolas, ""courier new"";
 font-size: 0.8em;
 border-left: 1px solid black;
 border-right: 1px solid black;
 width: 80%;
 margin-left: 5%;
}
.txtCodeEnd {
 font-family: Consolas, ""courier new"";
 font-size: 0.8em;
 border-left: 1px solid black;
 border-bottom: 1px solid black;
 border-right: 1px solid black;
 width: 80%;
 margin-left: 5%;
 margin-bottom: 15px;
}
.webPageOFF {
 display: none;
}
.webPageON {
 display: block;
}
.ribbon {
 color: white;
 overflow: hidden;
 position: fixed;
 left: 10px;
 top: 100px;
 height: 70px;
}
.rbnAction {
 background-color: rgba(139, 188, 209, 0.95); /*ribbon blue*/
 width: 60vw;
 height: 100%;
 float: left;
 padding-top: 3px;
 padding-left: 5px;
}
.rbnAnchor {
 background-color: rgba(209, 167, 31, 100); /*gold*/
 width: 3vw;
 height: 100%;
 overflow: hidden;
 padding-top: 3px;
 padding-left: 5px;
}
.submenu {
 display: none;
}
.rbnMenuItem {
 display: inline-block;
 padding-left: 15px;
 cursor: pointer;
}
.rbnLevel2 {
 color: white;
 overflow: hidden;
 position: fixed;
 left: 40px;
 top: 170px;
 height: 35px;
 background-color: rgba(164, 202, 219, 0.95); /*ribbon blue shade 75%*/
}
.rbnMenu2 {
 float: left;
 padding-left: 15px;
 cursor: pointer;
}
.rbnLevel3 {
 color: rgb(31, 59, 71); /*ribbon blue shade 20%*/
 overflow: hidden;
 position: fixed;
 left: 70px;
 top: 205px;
 height: 35px;
 background-color: rgba(200, 223, 233, 0.95); /*ribbon blue shade 85%*/
}
.rbnMenu3 {
 float: left;
 padding-left: 15px;
 cursor: pointer;
}
.rbnLevel4 {
 color: rgb(31, 59, 71); /*ribbon blue shade 20%*/
 overflow: hidden;
 position: fixed;
 left: 100px;
 top: 240px;
 height: 35px;
 background-color: rgba(219, 233, 240, 0.95); /*ribbon blue shade 90%*/
}
.rbnMenu4 {
 float: left;
 padding-left: 15px;
 cursor: pointer;
}
.rbnLevel5 {
 color: rgb(31, 59, 71); /*ribbon blue shade 20%*/
 overflow: hidden;
 position: fixed;
 left: 130px;
 top: 275px;
 height: 35px;
 background-color: rgb(237, 244, 247,); /*ribbon blue shade 95%*/
}
.rbnMenu5 {
 float: left;
 padding-left: 15px;
 cursor: pointer;
}
.rbnAction2 {
 float: left;
 padding-left: 15px;
 cursor: pointer;
}
.rbnAction3 {
 float: left;
 padding-left: 15px;
 cursor: pointer;
}
.rbnAction4 {
 float: left;
 padding-left: 15px;
 cursor: pointer;
}
.rbnAction5 {
 float: left;
 padding-left: 15px;
 cursor: pointer;
}
.rbnMenuAction {
 display: inline-block;
 padding-left: 15px;
 cursor: pointer;
}
.HTMLiteral {
 white-space: pre-wrap;
 font-family: Consolas, "courier new";
 font-size: 0.8em;
 border: 1px solid black;
 width: 80%;
 margin-left: 5%;
}
.tblPlain {
 margin-left: auto;
 margin-right: auto;
 border: 1px solid black;
}
.tblthPlain {
 font-weight: bold;
}
.tbltdPlain {
}
.lnkBut {
 font-family: "CircularStd-Bold", sans-serif; 
 font-weight: normal; 
 background-color: transparent; 
 border: solid 1px palegoldenrod; 
 color: #000000; 
 cursor: pointer; 
 display: inline-block; 
 font-size: 11px; 
 margin-top: 5px;
 float: right;
 text-decoration: none; 
 transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 
 padding-right: 80px; 
}
.lnkBut:hover, .lnkBut:focus {
 background-color: #000; 
 border-color: #000; 
 color: #ffffff; 
 transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 2s cubic-bezier(0.165, 0.84, 0.44, 1); 
 transform: translateY(-4px); 
 box-shadow: 4px 4px 0px rgba(3,4,3,.2); 
}
.lnkBut:active {
 transform: translateY(0px); 
 box-shadow: 0px 0px 0px rgba(3,4,3,.15); 
}
.lnkBut:hover::after {
 opacity: 1; 
}
.lnkTblBut {
 font-family: "CircularStd-Bold", sans-serif; 
 font-weight: normal; 
 background-color: transparent; 
 border: solid 1px palegoldenrod; 
 color: #000000; 
 cursor: pointer; 
 display: inline-block; 
 font-size: 11px; 
 margin-top: 5px;
 float: right;
 text-decoration: none; 
 transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 
 padding-right: 80px; 
}
.lnkTblBut:hover, .lnkBut:focus {
 background-color: #000; 
 border-color: #000; 
 color: #ffffff; 
 transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 2s cubic-bezier(0.165, 0.84, 0.44, 1); 
 transform: translateY(-4px); 
 box-shadow: 4px 4px 0px rgba(3,4,3,.2); 
}
.lnkTblBut:active {
 transform: translateY(0px); 
 box-shadow: 0px 0px 0px rgba(3,4,3,.15); 
}
.lnkTblBut:hover::after {
 opacity: 1; 
}
.visheader, visglobalheader, vislocalheader, visfooter, visglobalfooter, vislocalfooter {
}
.blogmain {      font-family: Arial, sans-serif;
      background-color: #f8fafc;
      color: #284579;

}