.cmk{
   position: relative;
   overflow: hidden;
   margin: 5px auto;
   width: 99%;
   
}

.cm{
   position: relative;
   width: 100%;
   right: 28%;
  
}
.clt{
   position: relative;
   width: 100%;
   right: 46%;
  
}
.c1{
   position: relative;
   overflow: hidden;
   float: left;
   width: 45%;
   left: 100.5%;
 
}
.c2{
   position: relative;
   overflow: hidden;
   float: left;
   width: 25.5%;
   left: 29%;
  
}
.c3{
   position: relative;
   overflow: hidden;
   float: left;
   width: 27.5%;
   left: 76%;
   
}



.colmask{
   position: relative;
   overflow: hidden;
   margin: 0px auto;
   width: 98%;
   
}
.header{
   float: left;
   width: 100%;
   height:80px;
   background-image:url("../tool/image/s6699cctf5fffah80.gif");  
  
}
.colmid{
   position: relative;
   width: 100%;
   right: 31%;
}
.colleft{
   position: relative;
   width: 100%;
   right: 38%;
   
}
.col1{
   position: relative;
   overflow: hidden;
   float: left;
   width: 37%;
   left: 100.5%;
   height:180px;
   background-image:url("../tool/image/sf5fffate0ffffh150.gif"); 

}
.col2{
   position: relative;
   overflow: hidden;
   float: left;
   width: 30.5%;
   left: 32%;
   height:180px;
      background-image:url("../tool/image/sf5fffate0ffffh150.gif"); 

}
.col3{
   position: relative;
   overflow: hidden;
   float: left;
   width: 30.5%;
   left: 71%;
   height:180px;
   background-image:url("../tool/image/sf5fffate0ffffh150.gif"); 
}
.footer{
   float: left;
   width: 100%;
   margin: 5px 0;
   
}
body {
   padding: 0px;
   margin: 0px;
   font-size: 90%;
   font-family:Tahoma;
    background-color:#f5fffa
  
}
.input{width:80px;padding:4px}

.demodiv{height:150;width:98%;background-image:url("../tool/image/s00bffftffffffh150.gif"); }
#img{background-image:url(tt.gif); background-repeat:repeat-x;height:40px;width:600px; }

#imgs div {float:left}
#recent div{float:left}
#imgs,.more{float:left}
#more{display:none}

#navheight,.bar {width:100%;height:30px; font-weight:bold;color:#778899;} 

#sugg{background-color:#b0c4de;height:25px; padding-left:5px; padding-top:5px; width:281px; font-weight:bold;color:#778899;margin-left:5px}

#colors{width:288px;margin-left:5px }
#hex{width:90%;margin-top:20px; clear:both; margin-left:20px; font-size:24px; font-weight:bold;color:#ff7f50; }
.clear{ clear:both}
.h2left{float:left;width:40%}
h2{margin:5px 10px; font-weight:bold;color:#b0c4de}
.subtt{width:98%; margin:5px 0 2px 20px ; }
.ads{width:50%; margin:5px;float:left;}
.hdm{width:1000px}
.in,.subtt,h4{font-weight:bold;color:#778899;}

.foot{ float: left;
   width: 100%;
   margin: 5px 0;
   background-image:url("../tool/image/sf5fffat6699cch150.gif");
   height:80px
   }
 .foot p{ text-align:center;font-family:Tahoma;}
 a{color:#0000ff; text-decoration:none}
 a:hover {color:#00ff00; text-decoration:none}
 #gd1{background: url('../images/startgd.png') repeat-x; width:100px;height:150px;margin-top:20px}
.cornerbox { position: relative; width:90%; }
.corner { position: absolute; width: 20px; height: 20px; background: url('../images/start.png') ; font-size: 0%;}
.content { background: url('../images/startgd.png') repeat-x; height:150px;  background-color:#dcdcdc}
	
.tl { top: 0; left: 0; background-position: 0px 0; }
.tr { top: 0; right: 0; background-position: 20px 0; }
.bl { bottom: 0; left: 0; background-position: 0px 20px; }
.br { bottom: 0; right: 0; background-position: 20px 20px;}
.txtarea {width:90%; height:150px;margin:3% 6%; overflow:hidden;border:0 solid #fff}	

.cornerbox0 { position: relative; width:95%; margin:1%;}
.ads2{position:relative;left:40px;width:150px}
.adc{width:120px;height:600px; margin: 0px auto;position:relative;top:10px}

 .corner0 {
 position: absolute;
 width: 10px;
 height: 10px;
 background: url(../images/ads.png);
 font-size: 0%;
 }
 .content0 {
 background: url(../images/adsgd.png) repeat-x;
 background-color:#b0c4de;
 height: 620px;
 width:100%
 }
 .tl0 {
 top: 0;
 left: 0;
 background-position: 0px 0;
 }
 .tr0 {
 top: 0;
 right: 0;
 background-position: 10px 0;
 }
 .bl0 {
 bottom: 0;
 left: 0;
 background-position: 0px 10px;
 }
 .br0 {
 bottom: 0;
 right: 0;
 background-position: 10px 10px;
 }
 #rc{position:relative;left:50px}
 
.cornerbox3 { position: relative; width:100%; margin-top:10px}
.corner3 {
 position: absolute;
 width: 10px;
 height: 10px;
 background: url(../tool/rcimage/tabrc.png);
 font-size: 0%;
 }
 
 .tl3 {
 top: 0;
 left: 0;
 background-position: 0px 0;
 }
 .tr3 {
 top: 0;
 right: 0;
 background-position: 10px 0;
 }
 .bl3 {
 bottom: 0;
 left: 0;
 background-position: 0px 10px;
 }
 .br3 {
 bottom: 0;
 right: 0;
 background-position: 10px 10px;
 }
 .bkinner {background-color:#f5fffa; padding: 20px 0px 20px 10%}
 #tabco1,.hh4{position:relative}
 .hh4{width:98%;margin-top:30px}
  #down,.ads3{width:99%;margin:10px 0}