img {
    max-width: 100%;
    height: auto;
}
.width100 {
  width: 100%;
}
form{
	margin:0;
	display: inline;
	padding:2px 0 0 0;
}
p{
	margin:0;
	display: inline;
	padding:0;
}
a.widelink { display: block; width: 100%; }
.list2 ul{
 margin: 3px;
 }
 .list2 ul li{
 overflow: hidden;
 margin: 0;
 width: 100%;
 text-align: left;
 padding: 0;
 border: 1px #ccc solid;
 border-bottom: 0;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(palegreen));
 background: linear-gradient(#fff, palegreen);
 display:block;
 -webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
 box-shadow:0px 3px 3px rgba(000,000,000,0.1);
 }
 .list2 ul li:first-child{
  font-size: 20px;
  border-radius: 8px 8px 0 0;
	 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(lightsteelblue));
   background: linear-gradient(#fff, lightsteelblue);
 text-align: center;
  font-weight:bold;
  }
 .list2 ul li:last-child{
 border-radius: 0 0 8px 8px;
 border-bottom:1px #ccc solid;
 }
 .list2 ul li a{
 color: green;
 display: block;
 height: 44px;
 margin: 0;
 padding: 0 0 0 10px;
 overflow: hidden;
 white-space: nowrap;
 line-height: 44px;
 text-overflow: ellipsis;
 text-decoration: none;
 font-weight:bold;
 }
 .list2 ul li a::after{
 content: url(../../../websb3/mark.png);
 float: right;
 }
 .list2 img{
	max-height:44
 }
ul{ margin:0px; padding:0px; }
li{ margin:0px; padding:0px; }
head0 {
  width: 100%;
}
head0 h3 {
  padding: 5px 0 5px 0;
  text-align: center;
  color: #333333;
  font-size: 20px;
  background-color:red;
}
.list3 ul{
 margin: 3px;
 }
 .list3 ul li{
 overflow: hidden;
 margin: 0;
 width: 100%;
 text-align: left;
   font-size: 15px;
 font-weight:bold;
 padding: 0;
  border: 1px blue solid;
 border-bottom: 0;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(palegreen));
 background: linear-gradient(#fff, palegreen);
 display:block;
 -webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
 box-shadow:0px 3px 3px rgba(000,000,000,0.1);
 }
 .list3 ul li:first-child{
  font-size: 20px;
  border-radius: 8px 8px 0 0;
	 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(lightsteelblue));
   background: linear-gradient(#fff, lightsteelblue);
 text-align: center;
  font-weight:bold;
  }
 .list3 ul li:last-child{
 border-radius: 0 0 8px 8px;
 border-bottom:1px #ccc solid;
 }
 .list3 ul li a{
 color: green;
 display: block;
 height: auto;
 margin: 0;
 padding: 0 0 0 10px;
overflow: hidden;
 white-space: nowarap;
 line-height: auto;
 text-overflow: ellipsis;
 text-decoration: none;
 font-weight:bold;
 }
 .list3 ul li a::after{
 content: url(../../../websb3/mark.png);
 float: right;
 }
.list3 img{
 	max-height:100
 }
.list4 ul{
 margin: 3px;
 }
 .list4 ul li{
 overflow: hidden;
 margin: 0;
 width: 100%;
font-size: 15px;
font-weight:bold;
 text-align: left;
 padding: 5px 0 5px 0;
  border: 1px blue solid;
 border-bottom: 0;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 display:block;
 -webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
 box-shadow:0px 3px 3px rgba(000,000,000,0.1);
 }
 .list4 ul li:first-child{
  font-size: 18px;
  border-radius: 8px 8px 0 0;
	 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(lightsteelblue));
   background: linear-gradient(#fff, lightsteelblue);
 text-align: left;
  font-weight:bold;
  }
 .list4 ul li:last-child{
 border-radius: 0 0 8px 8px;
 border-bottom:1px #ccc solid;
 }
 .button.color{
  color: blue;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  background-image: linear-gradient(top, rgba(255,255,255,.3), 
                     rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC);
}
.button.green{
	 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to());
   background: linear-gradient(#fff, );
  border: 2px solid ;	
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  height: 25px;
 box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(255, 255, 255, 0.9) inset, 0 -1px 3px rgba(0, 0, 0, 0.1) inset;
}
.button.green:hover {
  /* ”½“] */
	 background: -webkit-gradient(linear, left top, left bottom, from(), to(#fff));
   background: linear-gradient(,#fff,);
}
.button.green:active{
  background: ;
}
.button.menu{
	 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to());
   background: linear-gradient(#fff, );
  border: 2px solid ;	
  border-radius: 5px;
  font-size: 15px;
 padding: 0 0 0 0;
  font-weight: bold;
  width:31%;
  height: 25px;
   margin: 1px 0 ;
 box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(255, 255, 255, 0.9) inset, 0 -1px 3px rgba(0, 0, 0, 0.1) inset;
}
.button.menu:hover {
  /* ”½“] */
	 background: -webkit-gradient(linear, left top, left bottom, from(), to(#fff));
   background: linear-gradient( ,#fff);
}
.button.menu:active{
  background: ;
}
bodym {
  width:100%;
}
bodym h3 {
  padding: 5px 0 5px 0;
  text-align: left;
  color: green;
  font-size: 15px;
   margin: 5;
   background: palegreen;  border: 1px blue solid;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
     -o-border-radius: 6px;
        border-radius: 6px;
}
bodym2 {
  width:100%;
}
bodym2 h3 {
  padding: 5px 0 5px 0;
  text-align: left;
  color: green;
  font-size: 15px;
   margin: 0 0 0 5px;
   background: palegreen;  border: 1px blue solid;
}
bodyh0 {
  width: 100%;
}
bodyh0 h3 {
  padding: 5px 0 5px 0;
  text-align: left;
  color: green;
  font-size: 20px;
   margin: 5;
	 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(lightsteelblue));
   background: linear-gradient(#fff, lightsteelblue);
  border: 1px blue solid;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
     -o-border-radius: 6px;
        border-radius: 6px;
}
bodyh1 {
  width: 100%;
}
bodyh1 h3 {
  padding: 5px 0 5px 0;
  text-align: left;
  color: green;
  font-size: 18px;
   margin: 0 0 0 5px;
	 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(lightsteelblue));
   background: linear-gradient(#fff, lightsteelblue);
  border: 1px blue solid;
}
bodyh {
  width: 100%;
}
bodyh h1 {
  padding: 5px 0 5px 0;
  text-align: left;
  color: green;
  font-size: 20px;
   margin: 0;
	 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(lightsteelblue));
   background: linear-gradient(#fff, lightsteelblue);
  border: 1px blue solid;
}
bodyh h3 {
  padding: 5px 0 5px 0;
  text-align: center;
  color: green;
  font-size: 20px;
   margin: 0;
	 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(lightsteelblue));
   background: linear-gradient(#fff, lightsteelblue);
  border: 1px blue solid;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
     -o-border-radius: 6px;
        border-radius: 6px;
}
input[type=text] ,input[type=txt],input[type=password] ,textarea ,select{
  border-radius: 5px;
 border-color:blue;
}
.kati{
   background-color:deepskyblue;
}
.make{
   background-color:lightcoral;
}
.dout{
   background-color:lightcyan;
}
.grade {
	 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(lightsteelblue));
   background: linear-gradient(#fff, lightsteelblue);
}