.body01 {  font-family: Open Sans, Verdana, sans-serif; font-size: 9pt; font-weight: normal; color: #333333;  text-decoration: none}
.head01 {  font-family: Open Sans, Arial, sans-serif; font-size: 12pt; font-weight: bold; color: #cc0000;  text-decoration: none}

.footer {  font-family: Open Sans, Arial, sans-serif; font-size: 10pt; font-weight: bold; color: #ffffff;  text-decoration: none}
.copyright {  font-family: Open Sans, Arial, sans-serif; font-size: 8pt; font-weight: normal; color: #ffffff;  text-decoration: none}

a.link1 {  font-family: Open Sans, Verdana, sans-serif; font-size: 9pt; font-weight: normal; color: #cc0000;  text-decoration: none}
a.link1:hover {  font-family: Open Sans, Verdana, sans-serif; font-size: 8pt; font-weight: normal; color: #333333;  text-decoration: underline}

.alink02 {  font-family: Open Sans, Arial, sans-serif; font-size: 9pt; font-weight: normal; color: #ffffff;  text-decoration: none}
.alink02:hover {  font-family: Open Sans, Arial, sans-serif; font-size: 9pt; font-weight: normal; color: #A4BDD8;  text-decoration: none}

.alink03 {  font-family: Open Sans, Arial, sans-serif; font-size: 9pt; font-weight: normal; color: #286BB7;  text-decoration: underline}
.alink03:hover {  font-family: Open Sans, Arial, sans-serif; font-size: 9pt; font-weight: normal; color: #A4BDD8;  text-decoration: underline}

.amenu01 {  font-family: Open Sans, Arial, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff;  text-decoration: none}
.amenu01:hover {  font-family: Open Sans, Arial, sans-serif; font-size: 8pt; font-weight: bold; color: #F7F67F;   text-decoration: none}

.Username {  font-family: Open Sans, Arial, sans-serif; font-size: 9pt; font-weight: bold; color: #ffffff;  text-decoration: none}

.error01 {  font-family: Open Sans, Arial, sans-serif; font-size: 8pt; font-weight: bold; color: Red;  text-decoration: none}

#mainTable {width:100%;}
#Table2 {width:100%;height:100%;}
@media only screen and  (min-device-width : 1040px){
	#mainTable {width:60%;width:fit-content;}
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait and Landscape */
@media only screen and  (min-device-width : 320px) and (max-device-width: 568px)  {
    #mainTable {width:100%;}
    #Table2 {width:90%;height:100%;}
    .body01 {  font-family: Open Sans, Verdana, sans-serif; font-size: 16pt; font-weight: normal; color: #333333;  text-decoration: none}
    .head01 {  font-family: Open Sans, Arial, sans-serif; font-size: 24pt; font-weight: bold; color: #cc0000;  text-decoration: none}

    .footer {  font-family: Open Sans, Arial, sans-serif; font-size: 14pt; font-weight: bold; color: #ffffff;  text-decoration: none}
    .copyright {  font-family: Open Sans, Arial, sans-serif; font-size: 12pt; font-weight: normal; color: #ffffff;  text-decoration: none}

    a.link1 {  font-family: Open Sans, Verdana, sans-serif; font-size: 16pt; font-weight: normal; color: #cc0000;  text-decoration: none}
    a.link1:hover {  font-family: Open Sans, Verdana, sans-serif; font-size: 16pt; font-weight: normal; color: #333333;  text-decoration: underline}
}

/* ----------- iPhone 6, 6S, 7 and 8 and + ----------- */
/* Portrait and Landscape */
@media screen and (min-device-width: 375px) and (max-device-width: 736px)   {
    #mainTable {width:100%;}
    #Table2 {width:90%;height:100%;}

    .body01 {  font-family: Open Sans, Verdana, sans-serif; font-size: 16pt; font-weight: normal; color: #333333;  text-decoration: none}
    .head01 {  font-family: Open Sans, Arial, sans-serif; font-size: 24pt; font-weight: bold; color: #cc0000;  text-decoration: none}

    .footer {  font-family: Open Sans, Arial, sans-serif; font-size: 14pt; font-weight: bold; color: #ffffff;  text-decoration: none}
    .copyright {  font-family: Open Sans, Arial, sans-serif; font-size: 12pt; font-weight: normal; color: #ffffff;  text-decoration: none}

    a.link1 {  font-family: Open Sans, Verdana, sans-serif; font-size: 16pt; font-weight: normal; color: #cc0000;  text-decoration: none}
    a.link1:hover {  font-family: Open Sans, Verdana, sans-serif; font-size: 16pt; font-weight: normal; color: #333333;  text-decoration: underline}
}

/* ----------- Galaxy S3, S4, S5 and Note 3 like Andriod ----------- */
/* Portrait and Landscape */
@media only screen and (device-width: 320px) and (device-height: 640px) {
    #mainTable {width:100%;}
    #Table2 {width:90%;height:100%;}

    .body01 {  font-family: Open Sans, Verdana, sans-serif; font-size: 16pt; font-weight: normal; color: #333333;  text-decoration: none}
    .head01 {  font-family: Open Sans, Arial, sans-serif; font-size: 24pt; font-weight: bold; color: #cc0000;  text-decoration: none}

    .footer {  font-family: Open Sans, Arial, sans-serif; font-size: 14pt; font-weight: bold; color: #ffffff;  text-decoration: none}
    .copyright {  font-family: Open Sans, Arial, sans-serif; font-size: 12pt; font-weight: normal; color: #ffffff;  text-decoration: none}

    a.link1 {  font-family: Open Sans, Verdana, sans-serif; font-size: 16pt; font-weight: normal; color: #cc0000;  text-decoration: none}
    a.link1:hover {  font-family: Open Sans, Verdana, sans-serif; font-size: 16pt; font-weight: normal; color: #333333;  text-decoration: underline}
}

/* ----------- Galaxy S6 + like Android ----------- */
/* Portrait and Landscape */
@media only screen and (device-width: 360px) and (device-height: 640px) {
    #mainTable {width:100%;}
    #Table2 {width:90%;height:100%;}

    .body01 {  font-family: Open Sans, Verdana, sans-serif; font-size: 16pt; font-weight: normal; color: #333333;  text-decoration: none}
    .head01 {  font-family: Open Sans, Arial, sans-serif; font-size: 24pt; font-weight: bold; color: #cc0000;  text-decoration: none}

    .footer {  font-family: Open Sans, Arial, sans-serif; font-size: 14pt; font-weight: bold; color: #ffffff;  text-decoration: none}
    .copyright {  font-family: Open Sans, Arial, sans-serif; font-size: 12pt; font-weight: normal; color: #ffffff;  text-decoration: none}

    a.link1 {  font-family: Open Sans, Verdana, sans-serif; font-size: 16pt; font-weight: normal; color: #cc0000;  text-decoration: none}
    a.link1:hover {  font-family: Open Sans, Verdana, sans-serif; font-size: 16pt; font-weight: normal; color: #333333;  text-decoration: underline}
}