@media screen and (max-width: 767px) {

li {
   display: inline-block;
  list-style-type: none;

}

#hr2 {

font-size: 100%;
}


#hr1 {

}
#hr3 {

}
#mm {

font-size: 100%;
line-height: 2;
}
#main {

font-size: 100%;
}

#main h1 {
font-size: 100%;
}
#main h2 {
font-size: 100%;
}
#main h3 {
font-size: 100%;
}
#main img {
    object-fit: contain;
}

#main  li {
   display: inline-block;
  list-style-type: none;

}



#d1 {

border: solid 1px #000000;


}
#d1a {
	width: 90px;

}
#d1a img {
 max-width: 90px;
 max-height: 90px;


 }
#d1b {


}




#im {
	width: 75px;
	height: 75px;
}
#im2 {
}


#t1 table {


    background: #706000;

}

#t2 table {


    background: #500010;

}
#t3 table {


    background: #206000;

}




#t1 #d1b  {
font-size: 100%;
padding : 5px ;
}
#t1 #d1c  {
font-size: 80%;
}
#t1 #d1ca  {
font-size: 60%;
}




#t2 #d1b  {
font-size: 100%;
padding : 5px ;
}
#t2 #d1c2  {
font-size: 70%;
}
#t2 #d1c22  {
font-size: 60%;
}





#t3 #d1b  {
font-size: 100%;
padding : 5px ;
}
#t3 #d1c3  {
font-size: 70%;
}
#t3 #d1c33  {
font-size: 60%;
}





#t4 {

font-size: 100%;
line-height: 1.6;
padding : 5px ;
}

#t5 {

font-size: 100%;
line-height: 1.6;
padding : 5px ;
}



#t6 {

font-size: 100%;
line-height: 1.6;
}

body {
word-break:break-all;
font-size: 100%;

background-color:#d3d3d3;
}


h1 {
font-size: 100%;
}
h2 {
font-size: 100%;
}
h3 {
font-size: 100%;
}



hr {


}

table {
border: solid 1px #000000; 
border-collapse: separate;

    background: #808080 ;
}
table tr {


    background: #f0f0f0;

}
table th {
font-size: 100%;
}
table td {

padding: 0px;
font-size: 100%;
 

}




}
















@media screen and (min-width: 768px) {

li {
   display: inline-block;
  list-style-type: none;

}




#hr2 {

}
#hr3 {

}


#hr1 {

}
#mm {
	width: 100%;
}
#main {
	width: 1200px;
}

#main h1 {
font-size: 100%;
}
#main h2 {
font-size: 100%;
}
#main h3 {
font-size: 100%;
}
#main img {
    object-fit: contain;
}

#main  li {
   display: inline-block;
  list-style-type: none;

}


#d1 {

border: solid 1px #000000;


}
#d1a {
	width: 100px;

}
#d1a img {
 max-width: 100px;
 max-height: 100px;


 }


#d1b {
	width: 290px;
 max-width: 290px;


}


#im {
	width: 75px;
	height: 75px;
}



#t1 {
	width: 400px;

display: table-cell;
border: solid 1px #000000;
vertical-align: top; 



}

#t1 table {


    background: #706000;
border: solid 1px #000000;
}






#t2 {
	width: 400px;
border: solid 1px #000000;
display: table-cell;
vertical-align: top; 
}


#t2 table {


    background: #500010;

}





#t3 {
	width: 400px;

display: table-cell;
border: solid 1px #000000;
vertical-align: top; 
}


#t3 table {


    background: #206000;

}



#t1 #d1b  {
font-size: 100%;
padding : 5px ;
}
#t1 #d1c  {
font-size: 80%;
}
#t1 #d1ca  {
font-size: 60%;
}




#t2 #d1b  {
font-size: 100%;
padding : 5px ;
}
#t2 #d1c2  {
font-size: 70%;
}
#t2 #d1c22  {
font-size: 60%;
}




#t3 #d1b  {
font-size: 100%;
padding : 5px ;
}
#t3 #d1c3  {
font-size: 70%;
}
#t3 #d1c33  {
font-size: 60%;
}

#t4 {

	width: 400px;

display: table-cell;
border: solid 1px #000000;
vertical-align: top;  
padding : 5px ;
}

#t5 {

	width: 300px;

display: table-cell;
border: solid 1px #000000;
vertical-align: top;  
padding : 5px ;
}



#t6 {

display: table-cell;
border: solid 1px #000000;
vertical-align: top;  
}



body {
word-break:break-all;
font-size: 100%;

background-color:#d3d3d3;
}


h1 {
font-size: 100%;
}
h2 {
font-size: 100%;
}
h3 {
font-size: 100%;
}



hr {


}

table {

border: solid 1px #000000; 
border-collapse: separate;
    background: #808080 ;

}




table tr {


    background: #f0f0f0;

}
table th {
font-size: 100%;
}
table td {


padding: 0px;
font-size: 100%;
 

}



}