PRE {font-family: "Courier New", Courier}

a {text-decoration:none}
a img {border: none; }

TD {font-family:    Tahoma, Univers, Helvetica, Arial, sans-serif;}
FORM, INPUT, TEXTAREA {font-family:  "New Counier";}

TD.INDEXBODYA {background: #F0FFF0}

TD.INDEXHEAD {background: url(/https/hkmdb.com/common/bgvert-blue.jpg); background-color: #BBBBFF}
TD.INDEXBODY {background: #FFFFFF}

TD.INDEXHEAD2 {background: url(/https/hkmdb.com/common/bgvert-red.jpg); background-color: #FFBBBB}
TD.INDEXBODY2 {background: #FFFFFF}

TD.PICHEAD0 {background: url(/https/hkmdb.com/common/bgvert-green2.jpg); background-color: #00AA00; color: #FFFFFF; font-family: "Arial"}
TD.PICBODY0 {background: #E0FFE0}
TD.PICBODY1 {background: #FFFFFF}

TD.INDEXHEAD0 {background: url(/https/hkmdb.com/common/bgvert-green.jpg); background-color: #008800; color: #FFFFFF; font-family: "Comic Sans MS", "serif"}
TD.INDEXBODY0 {background: #FFFFE0; font-family: "Comic Sans MS", "serif"}

TD.SELF {background: #ffffe0; font-family: "Comic Sans MS", "serif"}
TD.RYAN {background: #ffffff}

CENTER FONT {color: #2F4F4F }

.content { font-family: "Arial", sans-serif; font-size: x-small;}

.footer {color: #F0F0F0; font-family:  Garamond, Times, serif;}
.footer EM {color: #00F000}
.footer EM.date {color: #00F0F0}
.footer A:link { color: #FFFF99; }   
.footer A:visited { color: #FFCC66; }
.footer A:active { color: #FF6666; } 

H1 {
color:          #C00000;
font-family:    "Arial", sans-serif;
font-size:      x-large;
text-align:     left;
}

H1.eng {
font-family:    "Arial Black", sans-serif;
}

H2 {
background:     green;
color:          aqua;
padding:        5pt;
font-family: Verdana, Arial, Helvetica, Geneva;
font-style:     italic;
}

H2.eng {
font-family:    Impact, Arial,  sans-serif;
}

H3 {
background:     red;
color:          yellow;
padding:        5pt;
font-family:    sans-serif;
}

H3.eng {
font-family:    Verdana, Arial , sans-serif;
}

BLOCKQUOTE {
color:          green;
font-style:     italic;
}

STRONG {
color:  #FF6633;
}

CITE {
color:          blue;
font-weight:    bold;
}

EM {
color:green;
}

.field {
color: green;
}

.subtitle {
color: blue;
font-family:    Serif;
}

.date {
color: blue;
}

.count {
font-weight: bold;
color: blue;
}

BODY {
background:     #000000;
color:          #FFFFFF;
}

TD.navbarca {
background:	#0000CC;
color:		#FFFFFF;
}
TD.navbarca A:link { color: #CCCCFF; }   
TD.navbarca A:visited { color: #CCCCFF; }
TD.navbarca A:active { color: #CCCCFF; } 

TD.navbarcb {
background:	#000088;
color:		#FFFFFF;
}
TD.navbarcb A:link { color: #CCCCFF; }   
TD.navbarcb A:visited { color: #CCCCFF; }
TD.navbarcb A:active { color: #CCCCFF; } 

TD.content TD B {
color:		brown;
}

TD.content {
background:     #CCCCCC;
color:          black;

}

.headinfo {
color:		brown;
}

.headinfo2 {
color:		brown;
}

DIV.content {
background:     #F0F0F0;
color:          black;
}

TD.navbar {
color:          #F0F0F0;
font-family:    sans-serif;
}

TD.navbar1 {
color:          #F0F0F0;
font-family:    sans-serif;
}

.navbar STRONG {
color:          white;
font-family:  "Bookman Old Style", Garamond, Times, serif;
}

.navbar A:link { color: #FFFF99; }   
.navbar A:visited { color: #FFCC66; }
.navbar A:active { color: #FF6666; } 

.navbar1 STRONG {
color:          white;
font-family:  "Bookman Old Style", Garamond, Times, serif;
}

.navbar1 A:link { color: #FFFF99; }   
.navbar1 A:visited { color: #FFCC66; }
.navbar1 A:active { color: #FF6666; } 

#vertbl {
  color: black;
  font-size: small;
}


.title {
  background: black;
  color: white;
  font-weight: bold;
}

TR.bg-alt1 {
  background: #DDDDDD;
}

TR.bg-alt2 {
  background: #F0F0F0;
}

.rowcls0 TD { background: #CCCCCC; color: #000000;}
.rowcls1 TD { background: #FFFFFF; color: #000000;}

TH.NOW0, TD.NOW0 { background: url(/https/hkmdb.com/common/bgvert-blue2.jpg); background-color: #000088; color: #FFFFFF;}
TH.NOW1 { background: url(/https/hkmdb.com/common/bgvert-red2.jpg); background-color: #880000; color: #FFFFFF;}
TD.NOWB0 { background: #F0F0FF; color: #000000}
TD.NOWB1 { background: #FFF0FF; color: #000000}
TH, TD {color: #000000}
.BUTTON {font-family: Times}
SELECT {font-family: Arial}

body {
color: navy;
background-repeat: repeat;
background-attachment: fixed
}
body, td {
font:normal normal 78%/1.1 verdana, georgia, times new roman ;
}
a {
color: #00008B;
}
a:active {
color: red;
}
a:hover {
color: #8B0000;
}


/* Fade-in effect for images */
.image-gallery img {
    opacity: 0;
    transition: opacity 0.5s ease-in;
}

.image-gallery img.loaded {
    opacity: 1;
}

/* Ensure images are centered and responsive (from previous) */
.image-gallery {
    width: 100%;
    margin: 0 auto;
}

.image-gallery td {
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
}

.image-gallery img {
    width: 100%;
    height: auto;
    max-width: 150px;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .image-gallery td {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .image-gallery td {
        width: 100%;
    }
}