/* $Id: tigris.css,v 1.7 2002/06/26 22:01:46 tfahrner Exp $

contains rules unsuitable for Netscape 4.x; simpler rules are in ns4_only.css. see <http://style.tigris.org/> */

/* colors, backgrounds, borders, link indication */ 

body {
 background: #ffffcc;
 color: #000;
 margin:	0px;
 padding: 0px;
 }

body a:hover {
 background: yellow;
}

td {
 vertical-align: top;
 }

#banner a:active, #banner a:hover 
{
	color: #f90 !important;
}

#banner, #banner td 
{ 
	background: #663;
	color: white;
	vertical-align: middle;
}

body #banner a 
{ 
	color: white;
}

body a 
{
	text-decoration: none;
}



#login {
 voice-family: inherit;
 font-size: 15px;
}
#login a:link, #login a:visited {
 color: white; 
 }

.tabs { 
 background: transparent;
 font-weight: bold;
 margin-top: .67em;
 margin-top: 5px;
 margin-right: 2px;
 margin-left: 2px;
 border-bottom: 6px #cc9 solid;
 }
.tabs a:hover {
 color: red;
 }
.tabs th {
 padding: 3px 10px;
 background-image: url(/css/images/nw_min.gif);
 background-color: #cc9;
 background-repeat: no-repeat;
 border-bottom: 0px solid #000;
 border-right: 1px solid #000;
 border-left: 1px solid #ffffcc;
 }
.tabs td {
 padding: 3px 10px;
 background-image: url(/css/images/nw_min.gif);
 background-color: #caa;
 background-repeat: no-repeat;
 border-bottom: 0px solid #000;
 border-right: 1px solid #000;
 border-left: 1px solid #ffffcc;
 }
.tabs th, .tabs th a:link, .tabs th a:visited {
 font-size: 16px;
 color: #555;
 }
.tabs td, .tabs td a:link, .tabs td a:visited  { 
 font-size: 16px;
 color: #fff;
 }

.tabs a:hover {
 color: yellow;
 background: red;
}

#HotTabBox {
 background-color: #cca;
}

#HotTabBox table tr td {
 border-left: 1px solid #fff;
 border-top: 1px solid #fff;
 border-right: 2px solid #996;
 border-bottom: 2px solid #996;
}

#HotTabBox .selected {
  background-color: #996;
  font-size: 16px;
  color: white;
}

#SearchBox {
 background-color: #fc9;
 }
#SearchBox input {
 font-size: 12px;
 background-color: #fcc;
}


small, div#footer td, div.tabs th, div.tabs td, input, select, #rightcol , #leftcol {
 font-size: xx-small;
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: x-small
 }
 
table, th, td {
 border: none
 } 

#main {
  padding-right: 12px;
}

#leftcol {
	background: #eed;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	} 

#Top10RankingBox {
 font-size: 15px;
 background: #ff6;
 border-bottom: 1px solid #99a;
 border-right: 1px solid #99a;
 }
#Top10RankingBox .label {
 border-bottom: 1px solid #996;
 border-right: 1px solid #996;
 background: #cc9;
 }
#Top10RankingBox .body {
 padding: 5px;
 border-bottom: 1px solid #cc9;
 border-right: 1px solid #cc9;
 }
#Top10RankingBox .eachRanking {
 background: #eec;
 text-align: center;
 border-right: 1px solid #cc9;
 border-bottom:1px solid #cc9;
}



#TypeBox {
 font-size: 15px;
 background: #ffc;
 border-bottom: 1px solid #99a;
 border-right: 1px solid #99a;
 }
#TypeBox .label {
 font-size: 15px;
 border-bottom: 1px solid #996;
 border-right: 1px solid #996;
 background: #cc9;
 }
#TypeBox .label table tr td a {
 font-size: 15px;
} 
#TypeBox .label .description{
 font-size: 15px;
 background: #cd9;
 }
#TypeBox .body {
 font-size: 15px;
 border-bottom: 1px solid #cc9;
 border-right: 1px solid #cc9;
 }
#TypeBox .catalogry {
 margin-top: 0px;
 font-size: 15px;
 background: #ffb;
 border-bottom: 1px solid #ccc;
 border-right: 1px solid #ccc;
 }
#TypeBox .selectedCatalogry {
 background: #dd6;
 }
 
#MyAccountBox {
 margin-top: 0px;
 margin-right: 1px;
 margin-left: 1px;
 padding: 3px;
 border-right: 1px solid #996;
 border-bottom: 1px solid #996;
 background: #cca;
 }

#MyAccountBox .label {
 background: #995;
 color: white;
 padding: 5px;
 text-align: center;
 font-size: 15px;
 }
#MyAccountBox .body {
 padding: 3px;
 background: #cc9;
 font-size: 15px;
 }
#MyAccountBox a:active , #MyAccountBox a:visited {
 color: #336; 
 }

#SuggestionBox , #SuggestionBox table td {
 background: #cdc;
 border-left: 1px solid #fff;
 border-top: 1px solid #fff;
 border-right: 2px solid #996;
 border-bottom: 2px solid #996;
 margin: 5px;
 font-size: 14px;
 padding: 0px;
}

#BrowseTypeBox {
  background: #9c6;
}
#BrowseTypeBox .odd {
  background: #ad9;
}
#BrowseTypeBox .even{
  background: #ae9;
}
#BrowseTypeBox .label {
  border-bottom: 1px solid #000;
  background: #995;
  text-align: center;
  padding: 6px;
  font-size: 18px;
  color: #fff;
}
#BrowseTypeBox .detail {
  background: #9c6;
  font-size: 18px;
  color: #fff;
}

#BrowseCatalogBox  {
 border-right: 2px solid #996;
 border-bottom: 2px solid #996;
 margin-right: 5px;
 padding-top:5px;
 background: #ffa;
}

#BrowseCatalogBox table {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  margin-top: 5px;
}

#BrowseCatalogBoxEachBlock table tr td {
	background: #ffbbaa;
  border-right: 1px solid #c00;
  border-bottom: 1px solid #c00;
}

#BrowseCatalogBox .ItemBox {
  border-right: 2px solid #996;
  border-bottom: 2px solid #996;
  margin-left: 2px;
  margin-right: 5px;
  margin-bottom: 5px;
  background: #ffccaa;
}

#BrowseCatalogBox .ItemBox th {
 width: 50px;
 text-align: center;
 font-size: 15px;
 background: #ffaa99;
}
  
#BrowseCatalogBox .ItemBox td{
 text-align: left;
 font-size: 15px;
}

#BrowseCatalogBox .ItemBox .description {
  padding: 5px;
  text-align: left;
  font-size: 15px;
  TEXT-INDENT:15pt;
  LETTER-SPACING:1pt;
}

#BrowseCatalogBox a{
 background: #cd8;
 font-size: 18px;
}

#BrowseCatalogBox .ItemBox .label {
 background: #ff9966;
 font-size: 20px;
}

#AssociatedBox {
 background: #ac9;
}
#AssociatedBox .odd{
 background: #ad9;
}
#AssociatedBox .even{
 background: #ae9;
}

#OpinionBox {
 margin: 5px;
 border-right: 2px solid #996;
 border-bottom: 2px solid #996;
 background: #cd8;
 font-size: 15px;
}
#OpinionBox .label {
 padding: 5px;
 background: #9c6;
}
#OpinionBox .body {
 padding: 10px;
}
#OpinionBox .body .content {
  TEXT-INDENT:15pt;
  color:#00C;
  padding: 10px;
  LETTER-SPACING:1pt;
}

#SearchResultBox{
  border-right: 2px solid #996;
  border-bottom: 2px solid #996;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  background: #cc9;
  margin-left: 0px;
  margin-right: 0px; 
}

#SearchResultBox .label {
  border-bottom: 1px solid #000;
  background: #f88;
  text-align: center;
  padding: 6px;
  font-size: 18px;
  color: #fff;
}

#SearchResultBox table {
  background: #e88;
}

#SearchResultBox .odd {
  padding:4px; 
  color:#c30;
  background: #fcc;
  font-size: 15px;
  LETTER-SPACING:1pt;
  border-right:  1px dashed #f00;
  border-bottom: 1px dashed #f00;
}

#SearchResultBox .even  {
  padding:4px;
  color:#c30;
  background: #fdd;
  font-size: 15px;
  LETTER-SPACING:1pt;
  border-right:  1px dashed #f00;
  border-bottom: 1px dashed #f00;  
}


#PersonalDataBox{
 border-right: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
 margin: -4px 0 6px -4px;
 padding: 6px;
 }
#PersonalDataBox .label{
 background: #995;
 background-image: url(/css/images/nw_min.gif);
 background-repeat: no-repeat;
 font-size: 20px;
 text-align: center;
 color: #ffffff; 
 border-bottom: 1px solid #666;
 border-right: 1px solid #666;
 }
#PersonalDataBox .body {
 background: #cc9;
 padding-top: 0;
 border-bottom: 1px solid #666;
 border-right: 1px solid #666;
 }
#PersonalDataBox .body th {
 background: #999f55;
 font-size: 15px;
}
#PersonalDataBox .body td {
 font-size: 14px;
}

#ErrorBox {
  border-right: 2px solid #996;
  border-bottom: 2px solid #996;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  margin-left: 2px;
  margin-right: 5px;
  margin-top: 5px;
}
#ErrorBox .label {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 6px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  background: #f00;
}
#ErrorBox .body {
  background: #fa0;
  padding: 6px;
}

#MessageBox {
  border-right: 2px solid #996;
  border-bottom: 2px solid #996;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  background: #cc9;
  margin-left: 0px;
  margin-right: 0px;
}

#MessageBox .label {
  border-bottom: 1px solid #000;
  background: #995;
  text-align: center;
  padding: 6px;
  font-size: 18px;
  color: #fff;
}
#MessageBox .body {
  padding: 3px;
}

#MessageBox table {
 border-collapse: collapse;
 border-bottom: 1px solid #996;
 border-right: 1px solid #996;
 margin: 1px;
}
#MessageBox .body table th  {
 background: #9c6;
 font-size: 16px;
}
#MessageBox .body table td  {
 vertical-align: middle;
 font-size: 16px;
 text-decoration: none;
 background: #cf9;
 margin-top: 2px;
 border-bottom: 1px solid #996;
 border-right: 1px solid #996;
} 

#MessageBox a:visited {
 color: purple;
}


#MessageBox a {
 color: red;
}

#HotcdBox {
  border-right: 2px solid #caa;
  border-bottom: 2px solid #caa;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  background: #cfa;
  margin-left: 0px;
  margin-right: 0px;
}

#HotcdBox .odd {
  background: #cf9;
}

#HotcdBox .even {
  background: #ce8;
}

#HotcdBox .label {
  border-bottom: 1px solid #0f0;
  background: #8c8;
  text-align: center;
  padding: 6px;
  font-size: 18px;
  color: #fff;
}

#HotcdBox table {
 border-collapse: collapse;
 border-bottom: 1px solid #996;
 border-right: 1px solid #996;
 margin: 1px;
}
#HotcdBox table th  {
 background: #9c6;
 font-size: 16px;
}
#HotcdBox table td  {
 vertical-align: middle;
 font-size: 16px;
 text-decoration: none;
 background: #cf9;
 margin-top: 2px;
 border-bottom: 1px solid #996;
 border-right: 1px solid #996;
} 
#HotcdBox a {
 color: red;
}
#HotcdBox a:visited {
 color: purple;
}


#NewsBox {
  font-size: 15px;
  background: #fc9;
  margin-top: 10px;
  padding: 6px;
  border-right: 1px solid #996;
  border-bottom: 1px solid #996;
}
#NewsBox .newsTitle {
  text-align: center;
  font-size: 17px;
  color: blue;
  background: #fe0;
  border-right: 1px solid #996;
  border-bottom: 1px solid #996;
}
#NewsBox table td {
  background: #ff9;
}


#SmallShoppingCartListBox {
 background: #fbc;
 border-bottom: 1px solid #f66;
 border-right: 1px solid #f66;  
}
#SmallShoppingCartListBox .label{
 text-align: center;
 font-size: 18px;
 border-bottom: 1px solid #f33;
 border-right: 1px solid #f33;
 background: #f99;
}
#SmallShoppingCartListBox .body {
 font-size: 15px;
}

#SmallShoppingCartListBox .body  table td{
 vertical-align: middle;
 font-size: 14px;
 background: #ff6;
 margin-top: 1px;
 border-bottom: 1px solid #996;
 border-right: 1px solid #996;
} 


#BigShoppingCartListBox {
 border-bottom: 1px solid #99a;
 border-right: 1px solid #99a;  
}
#BigShoppingCartListBox .label{
 padding: 5px;
 text-align: center;
 font-size: 18px;
 border-bottom: 1px solid #996;
 border-right: 1px solid #996;
 background: #cc9;
}
#BigShoppingCartListBox .body {
 padding: 2px;
}

#BigShoppingCartListBox table {
 border-collapse: collapse;
}

#BigShoppingCartListBox .body table th{
 vertical-align: middle;
 font-size: 16px;
 background: #ffc;
 margin-top: 2px;
 border-bottom: 1px solid #996;
 border-right: 1px solid #996;
} 

#BigShoppingCartListBox .body  table td {
 vertical-align: middle;
 font-size: 14px;
 text-decoration: none;
 background: #ff9;
 border-bottom: 1px solid #996;
 border-right: 1px solid #996;
} 

#BigShoppingCartListBox .body  table td .info {
 font-size: 18px;
 background: #cc9;
} 

#BoardBox {
 background-repeat: no-repeat;
 border-bottom: 1px solid #000;
 background: #fdc;
 padding: 6px;
 font-size: 18px;
}
#BoardBox .label {
 text-align: center;
 font-size: 20px;
 border-bottom: 1px solid #996;
 border-right: 1px solid #996;
 background: #fc9;
}
#BoardBox table {
 font-size: 14px;
 border-right:  1px solid #996;
 border-bottom: 1px solid #996;
}
#BoardBox table th {
 background: #fc9;
}
#BoardBox table td {
 border-bottom: 1px solid #c66;
}

#PostBox {
 text-align: left;
 background: #fcc;
 margin-bottom: 6px;
 font-size: 16px;
 border-right:  1px solid #966;
 border-bottom: 1px solid #966;
}
#PostBox .label {
 text-align: center;
 font-size: 18px;
 background: #fac;
 }
#PostBox table th{
 background: #fdc;
 border-bottom: 1px solid #c66;
 } 
#PostBox table td{
 border-bottom: 1px solid #c66;
 } 

#LinksBox
{
 padding: 5px;
 margin: 10px;
 border: 1px solid #c66;
 background: #ee9;
 font-size: 14px; 
} 

#LinksBox a
{
 color:green;
} 

#LinksBox a:hover
{
 color:white;
 background: green;
} 

#UpperTypeBox td a
{
 font-size: 14px;
}

#UpperTypeBox td a:hover
{
 font-size: 14px;
 color:white;
 background: green;
}

#CommentBox
{
  padding: 5px;
  background: #fbb;
  border-right: 1px solid #F00;
  border-bottom: 1px solid #F00;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}

#CommentBox .label
{
  font-family:標楷體;
  font-size:20px;
  color:#FFF;
  text-align: center;
  background: #f69;
  border-right: 1px solid #F00;
  border-bottom: 1px solid #F00;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}

#CommentBox table th
{
  background-color: #F99;
  font-size: 16px;
}

#CommentBox table td
{
  font-size: 16px;
}

#CommentBox .odd
{
  background: #fcc;
}

#CommentBox .even
{
  background: #fdd;
}
#CommentBox .comment
{
  padding: 5px;
  color:#c30;
  LETTER-SPACING:2pt;
  TEXT-INDENT:12pt;
  font-size:15px;
  vertical-align: top;
}
