@charset "utf-8";

/*-----------------------------------------
   main
-----------------------------------------*/

/* recommend Goods
----------------------*/
#recommend {
   width: 100%;
   overflow: hidden;
}
#recommend h3{
   border: 1px solid #ddd;
   background: url(../../img/mainh3bg.gif) repeat-x 0 bottom;
   font-size: 100%;
   font-weight: bold;
   margin-bottom: 20px;
   padding: 8px 0;
}
#recommend h3 span {
   background: url(../../img/arrow_link.gif) no-repeat 8px center;
   padding: 5px 20px;
}
#recommend li {
   width: 33.2%;
   height: 200px;
   overflow: hidden;
   float: left;
   text-align: center;
   font-size: inherit;
}
.piccar {
   width: 98px;
   height: 74px;
   margin: 0 auto;
   position: relative;
   margin-top: 4px;
   margin-bottom: 13px;
   _margin-bottom: 3px;
}
.piccar a {
   display: block;
   width: 98px;
   height: 74px;
   border: 1px solid #ddd;
   padding: 4px;
}
.piccar a:hover {
   border: 1px solid red;
}
.saleobi {
   position: absolute;
   top:1px;
   left:0px;
   clear: both;
   z-index: 1;
}
#recommend p {
   margin: 0;
   _font-size: 100%;
}
#recommend p span.price {
   color: red;
   font-weight: bold;
   font-size: 108.4%;
}
#recommend p span.nm {
   font-size: 83.4%;
   color: #998866;
}
#recommend h4 {
   margin: 0;
   padding: 0;
   font-weight: bold;
   font-size: 91.7%;
   _font-size: 100%;
}
/* messege
----------------------*/
#messege {
   border: 1px solid #ddd;
   margin-bottom: 1.62em;
}
#messege h3 {
   border-bottom: 1px solid #ddd;
   background: url(../../img/mainh3bg.gif) repeat-x 0 bottom;
   font-size: 100%;
   font-weight: bold;
   margin-bottom: 15px;
   padding: 8px 0;
}
#messege h3 span {
   background: url(../../img/arrow_link.gif) no-repeat 8px center;
   padding: 5px 20px;
}
#messege p {
   margin: 2em;
}
#messege .fbold {
   font-weight: bold;
   margin: 10px 0;
}
#messege p img {
   float: left;
   margin: 0 2em 2em 0;
}
/* how,export,faqs
----------------------*/
#guide {
   width:100%;
   _width:99.5%;
   overflow:hidden;
   margin-bottom: 1.62em;
   border: 1px solid #ddd;
}
#guide:after{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
#guide h3 {
   border-bottom: 1px solid #ddd;
   background: url(../../img/mainh3bg.gif) repeat-x 0 bottom;
   font-size: 100%;
   font-weight: bold;
   padding: 8px 0;
}
#guide p {
   border: 1px solid #ddd;
   margin: 10px;
   height: 70px;
   text-indent: -9999px;
}
#guide ul {
   margin: 0 1em 1em;
}
#guide h3 span {
   background: url(../../img/arrow_link.gif) no-repeat 8px center;
   padding: 5px  0 5px 20px;
}
#how, #export, #faq {
   float:left;
   padding-bottom:32768px;
   margin-bottom:-32768px;
}
#how {
   width: 34%;
   _width: 33.9%;
}
#how p {
   background: #ddd url(../../img/ship.png) no-repeat center 0;
}
#export p {
   background: #ddd url(../../img/map.png) no-repeat center 0;
}
#faq p {
   background: #ddd url(../../img/faq.png) no-repeat center 0;
}
#export ul {
   overflow: hidden;
}
#export li {
   float: left;
   width: 50%;
}
#export h3, #faq h3 {
   border-left: 1px solid #ddd;
}
#export,#faq {
   width: 33%;
   background: url(../../img/1line.gif) repeat-y left top;
}

/*-----------------------------------------
   right
-----------------------------------------*/

/* stock
----------------------*/
#stock {
   width: 180px;
   background: #fff url(../../img/sidebg.gif) repeat-y -170px 0;
   padding: 1px 0;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   overflow: hidden;
   margin-bottom: 1em;
}
#stock h3 {
   width: 97px;
   float: left;
   border-right: 1px solid #ddd;
   background-color: #4388d9;
   color: #fff;
   font-weight: bold;
   height: 30px;
   line-height: 30px;
   text-align: center;
   padding: 0;
   margin:0;
   margin-left: 2px;
   _margin-left: 1px;
}
#stock p {
   width: 80px;
   float: right;
   font-weight: bold;
   color: red;
   font-size: 116.7%;
   height: 30px;
   line-height: 30px;
   text-align: center;
   padding: 0;
   margin:0;
}
#stock p a {
   color:red;
}
/* search
----------------------*/
#search {
   width: 180px;
   background: #fff url(../../img/sidebg.gif) repeat-y -170px 0;
   padding: 1px 0;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   margin-bottom: 1em;
   overflow: hidden;
}
#searchinline {
   background-color:#e5e0d5;
   margin: 0 2px;
   padding: 0;
}
#search h3 {
   background-color: orange;
   padding: 7px 10px;
   color: #fff;
   font-weight: bold;
}
#srhinline {
   margin: 0;
   padding: 15px 5px 5px 10px;
   zoom:1;
}
#search p {
   margin: 0;
   padding-bottom: 10px;
}
#search option {
   width: 130px;
}
#btn {
   text-align: center;
   margin-bottom: 0;
}
#btn input {
   background: #000 url(../../img/seach.gif) repeat-x 0 top;
   color: #fff;
   font-weight: bold;
   border: 2px solid #fff;
   _border: 1px solid #fff;
   padding: 5px 20px;
   _padding: 5px 10px;
}
/* what's new
----------------------*/
#new {
   background: #fff url(../../img/sidebg.gif) repeat-y -170px 0;
   padding: 1px 0;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   margin-bottom: 1em;
}
#new h3 {
   background-color: orange;
   padding: 7px 10px;
   margin: 0 2px 2px;
   color: #fff;
   font-weight: bold;
}
#new h3 span {
   margin-left:10px;
   padding-left:18px;
   background: url(../../img/rss.png) repeat-y 0 center;
}
#new dl {
   overflow: auto;
   height: 300px;
   width: 100%;
}
#new dt {
   font-weight: bold;
   margin: 1em 10px 0;
}
#new dt span {
   color: #fff;
   background-color: red;
   display: inline;
   padding: 0 10px;
   font-weight: normal;
}
#new dd {
   margin: 0px 10px;
   border-bottom: 1px dotted #ccc;
   padding: 3px 0;
}
#new dd a {
   font-size: 91.7%;
   line-height: 1.62;
}
/* add
----------------------*/
#ad p {
   margin-bottom: 1em;
}