* {font-family: Arial,verdana,helvetica,sans-serif;font-size:14px;}
* {margin:0;padding:0;}
html, body { height: 100%; }
body {margin:0px; padding:0px 20px; background: url("/img/bb.jpg") #e7f0ff repeat-x fixed ;}
a { text-decoration: none; color: navy; outline: none; }
a:hover {color:#DC143C; text-decoration: underline;}
table {border-collapse: collapse;}
.Tb {width: calc(100vw - 36px); max-width:1024px;  margin:32px auto 0 auto;}
.Tb td {padding: 20px 10px; background: url(../img/aph.png) no-repeat 50% 100%;box-sizing: border-box;}
.img td {text-align:center;}


@media screen and (max-width:1024px) {
 .Tb td {padding: 5px;}
 #head p {text-align:center; margin: 0px !important;}
 .and td {font-size:1rem; }
 .bbc a {font-size:1rem; }
 }
.Tb .a1 a {font-size:10px; float:right;}
.a2 a {font-weight:bold; font-size:110%;}
.a2 div {margin-left:20px;}
.a2 p {text-align:left;}
.a2 div div {margin-left:0px;}
.goto {position:fixed;background-color: rgba(48,163,202,0.7);   right:12px; bottom:12px; box-shadow: 5px 6px 7px 0px #777777;text-align:center;z-index: 9999; 
  cursor:pointer;width:20px;height:20px; border-radius: 10px; visibility:hidden;}
#head {position:fixed; left:0px;top:0px;height:40px;width:100%; background-color:#9ac0cf;}
.goto img {margin:2px auto;display:block;}
.goto:hover {background-color:#00dddd;}
.s1 {font-size:16px; font-weight:bold;color:#000000;}
.s2 {text-decoration: none; color: navy; outline: none; font-size:16px;cursor:pointer; font-weight:bold; z-index:90000;}
.s2:hover {color:#DC143C; text-decoration: underline;}
p {text-align:center;}
h1 {text-align:center;}
#head h1 {margin:0;}
#head h1 a {font-size:16px;margin:0;}
#head p {text-align:right; margin-right: 50px !important; font-style:italic; font-size:12px; }
#head p a {margin-left:8px;font-weight:bold;font-size:14px;}
#head p b {margin-left:8px;font-size:14px; color:#555555;}
h6 {font-size:12px;margin:0;font-style:italic;color:#480000;display: block;}
.and td {text-align: justify; font-size: 1.3rem; text-align: left; font-family: sans-serif;}
@media screen and (orientation: landscape) {.img img {min-height:30vh;}}
.img img {
    display: block;  object-fit: contain; margin: 0 auto;
    max-height: min(calc(100vh - 90px),360px);
    max-width: min(100%,calc(100vw - 50px), 920px);
}
.img b {display:block;text-align:center;font-size:110%;margin:6px 0 16px 0;font-weight:400;}
.bbc td div,  .ies td div, .img div {text-align:justify; margin: 0 auto;display: inline-block; max-width:90%;margin:6px 0 16px 0;}
.bbc td img {min-height:30vh !important;}
#gimg { display: none; place-items: center;width:calc(100vw + 35px);height:100vh;background-color: rgba(55,66,77,0.5);position:fixed;z-index:999;cursor:zoom-out;left:-35px;top:0px;border:3px solid #aaaaaa;}
#noimg {max-width: 100vw; max-height:99vh;outline: none;}
.big img {cursor:zoom-in;}