#showcase  /* base of showcase */    { background-color: #223802; position: relative; width: 800px  }
#pad   /*  a back of browser  */     { width: 800px; height: 410px }
#browserbox   /*  a base of browser  */     { visibility: visible; position: absolute; top: 5px; left: 5px; width: 790px; height: 400px }
.browser   { text-align: center; position: absolute; width: 750px; height: 400px }
#backgroundlogo  /* logo */ { background-image: url(../images/bg_img/webbglogo.jpg); width: 800px; height: 140px }
#spacebox /* a space for layout */  { width: 800px; height: 10px }
#scrollbox    /* a box for scroll */  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-left: 50px; width: 710px; height: 120px; overflow: auto }
#thumbs  /* box for thumbs */    { width: auto; height: auto }
a.gallery, a.gallery:visited      { color: #000; text-decoration: none; display: block; margin-top: 15px; margin-right: 2.5px; margin-left: 2.5px; width: 80px; height: 80px; float: left; border: solid 1px #f1f2c2 }
a.slide001  /* pict */   { background-image: url(../images/cate_img/st001s.jpg) }
a.slide002  /* pict */   { background-image: url(../images/cate_img/tvc002s.jpg) }
a.slide003  /* pict */   { background-image: url(../images/cate_img/is012s.jpg) }
a.slide004  /* pict */   { background-image: url(../images/cate_img/pe008s.jpg) }
a.slide005  /* pict */   { background-image: url(../images/cate_img/s008s.jpg) }
a.slide006  /* pict */   { background-image: url(../images/cate_img/cb007s.jpg) }
a.slide007  /* pict */   { background-image: url(../images/cate_img/l006s.jpg) }
a.slide008  /* pict */   { background-image: url(../images/cate_img/da003s.jpg) }
a.gallery span    { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; position: absolute; top: -1px; left: 150px; width: 1px; height: 1px; overflow: hidden }
a.gallery:hover  { white-space: normal; border: solid 1px #223802 }
a.gallery:hover img, a.gallery:active img, a.gallery:focus img   { }
a.gallery:hover span, a.gallery:active span, a.gallery:focus span  /* onmouse */    { color: #f1f2c2; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; position: absolute; top: 5px; left: 5px; width: 790px; height: 400px }