@charset "utf-8";
body
{
  font-family:      "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size:        medium;
  border-collapse:  collapse;
  border-style:     solid;
  border-width:     0px;
}
body, div, ul, li, img
{
  margin:           0px;
  padding:          0px;
}
table
{
  border-spacing:   0px;
}
td
{
  padding:          0px;
  vertical-align:   top;
}
img
{
  display:          block;
  border:           0px;
}
ul
{
  list-style:       disc inside none;
}
li, cn, #preview a, #preview div
{
  line-height:      150%;
}
.link, textarea, input[type="text"], input[type="tel"], input[type="number"], input[type="email"], input[type='submit'], input[type='submit']:hover, label, select
{
  font-size:        16px;
  padding:          8px;
}
.link .cn, textarea .cn, input[type="text"] .cn, input[type="tel"] .cn, input[type="number"] .cn, input[type="email"] .cn, input[type='submit'] .cn, input[type='submit']:hover.cn, label .cn, select .cn
{
  font-size:        18px;
  padding:          8px;
}
.link, input[type="submit"]
{
  border:           none;
  border-radius:    8px;
  text-decoration:  none;
  color:            white;
  background-color: #006ccb;
}
.link:hover, input[type='submit']:hover
{
  font-weight:      bold;
  color:            black;
  background-color: #6fc9ff;
}
.shrink
{
  width:            1px;
}
.stretch
{
  width:            100%;
}
.justify
{
  text-align:       justify;
}
.center
{
  text-align:       center;
  margin-left:      auto;
  margin-right:     auto;
}
.left
{
  text-align:       left;
  margin-left:      0px;
}
.right
{
  text-align:       right;
  margin-left:      auto;
  margin-right:     0px;
}
.bold
{
  font-weight:      bold;
}
.large
{
  font-size:        large;
}
.medium
{
  font-size:        medium;
}
.small
{
  font-size:        small;
}
.x-small
{
  font-size:        x-small;
}
.en
{
  font-family:      "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  line-height:      100%;
}
.cn
{
  font-family:      KaiTi, Kai, NSimSun, SimSun, STKaiti, STSong, "Arial Unicode MS", serif;
}
#naviT, #naviT a, #footer, #footer a
{
  background-color: #107FB9;
  color:            white;
}
#naviT a:hover, #footer a:hover
{
  background-color: #129FD9;
  color:            white;
}
#preview a, #preview div
{
  background-color: gray;
  color:            white;
}
#banner, #naviF, #naviF a
{
  background-color: #FFFAFA;
  color:            black;
}
.content
{
  background-color: #FFFAFA;
  color:            black;
}
#naviF a
{
  background-color: #FFFAFA;
  color:            #107FB9;
}
#naviT a, #naviF a, #preview a, #footer a
{
  text-decoration:  none;
}
#naviT, #naviT a, #banner, #footer a
{
  font-weight:      bold;
}
#banner
{
  font-size:        large;
}
#naviT, #naviT a
{
  font-size:        medium;
}
#naviT li, #footer li, ul
{
  padding:          6px 0px 6px 0px;
}
#naviT .cn a
{
  padding:          5px 6px 10px 6px;
}
#naviT .en a
{
  padding:          3px 6px 10px 6px;
}
#footer .cn a
{
  padding:          5px 6px 5px 6px;
}
#footer .en a
{
  padding:          3px 6px 3px 6px;
}
#contact td
{
  padding:          6px;
}
#naviT ul, #naviF ul, #footer ul
{
  list-style:       none outside none;
}
#naviT li, #footer li
{
  display:          inline;
  float:            left;
}
.products img, #preview
{
  border-style:     solid;
}
.products img
{
  border-color:     #107FB9;
  border-width:     2px;
}
#preview
{
  background-color: gray;
  border-color:     gray;
  border-width:     1px 12px 12px 12px;
  position:         fixed;
  z-index:          9999;
  top:              50%;
  left:             50%;
}
#bannerlow
{
  background-image: url('../graphics/footer.gif');
  background-repeat:repeat-x;
  height:           50px;
}

.b1b, .b2b, .b3b, .b4b{font-size:1px; overflow:hidden; display:block;}
.b1b {height:1px; background:#107FB9; border-right:1px solid #107FB9; border-left:1px solid #107FB9; margin: 0px 5px 0px 3px;}
.b2b {height:1px; background:#FFFAFA; border-right:2px solid #107FB9; border-left:2px solid #107FB9; margin: 0px 3px 0px 1px;}
.b3b {height:1px; background:#FFFAFA; border-right:1px solid #107FB9; border-left:1px solid #107FB9; margin: 0px 2px 0px 0px;}
.b4b {height:2px; background:#FFFAFA; border-right:1px solid #107FB9; border-left:1px solid #107FB9; margin: 0px 1px 0px -1px;}
.contentb {       background:#FFFAFA; border-right:1px solid #107FB9; border-left:1px solid #107FB9; margin: 0px 0px 0px -2px;}

.b1c, .b2c, .b3c, .b4c{font-size:1px; overflow:hidden; display:block;}
.b1c {height:1px; background:#888;  border-right:1px solid #888; border-left:1px solid #888; margin: 0px 5px 0px 3px;}
.b2c {height:1px; background:white; border-right:2px solid #888; border-left:2px solid #888; margin: 0px 3px 0px 1px;}
.b3c {height:1px; background:white; border-right:1px solid #888; border-left:1px solid #888; margin: 0px 2px 0px 0px;}
.b4c {height:2px; background:white; border-right:1px solid #888; border-left:1px solid #888; margin: 0px 1px 0px -1px;}
.contentc {       background:white; border-right:1px solid #888; border-left:1px solid #888; margin: 0px 0px 0px -2px;}

.b1n, .b2n, .b3n, .b4n{font-size:1px; overflow:hidden; display:block;}
.b1n {height:1px; background:#888;    border-right:1px solid #888; border-left:1px solid #888; margin: 0px 5px 0px 3px;}
.b2n {height:1px; background:#FFFAFA; border-right:2px solid #888; border-left:2px solid #888; margin: 0px 3px 0px 1px;}
.b3n {height:1px; background:#FFFAFA; border-right:1px solid #888; border-left:1px solid #888; margin: 0px 2px 0px 0px;}
.b4n {height:2px; background:#FFFAFA; border-right:1px solid #888; border-left:1px solid #888; margin: 0px 1px 0px -1px;}
.contentn {       background:#FFFAFA; border-right:1px solid #888; border-left:1px solid #888; margin: 0px 0px 0px -2px;}

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#107FB9; border-right:1px solid #107FB9; border-left:1px solid #107FB9; margin: 0px 5px 0px 5px;}
.b2f {height:1px; background:#107FB9; border-right:2px solid #107FB9; border-left:2px solid #107FB9; margin: 0px 3px 0px 3px;}
.b3f {height:1px; background:#107FB9; border-right:1px solid #107FB9; border-left:1px solid #107FB9; margin: 0px 2px 0px 2px;}
.b4f {height:2px; background:#107FB9; border-right:1px solid #107FB9; border-left:1px solid #107FB9; margin: 0px 1px 0px 1px;}

@-webkit-keyframes cf4FadeInOut
{
  0%
  {
    opacity:1;
  }
  17%
  {
    opacity:1;
  }
  25%
  {
    opacity:0;
  }
  92%
  {
    opacity:0;
  }
  100%
  {
    opacity:1;
  }
}
@-moz-keyframes cf4FadeInOut
{
  0%
  {
    opacity:1;
  }
  17%
  {
    opacity:1;
  }
  25%
  {
    opacity:0;
  }
  92%
  {
    opacity:0;
  }
  100%
  {
    opacity:1;
  }
}
@-o-keyframes cf4FadeInOut
{
  0%
  {
    opacity:1;
  }
  17%
  {
    opacity:1;
  }
  25%
  {
    opacity:0;
  }
  92%
  {
    opacity:0;
  }
  100%
  {
    opacity:1;
  }
}
@keyframes cf4FadeInOut
{
  0%
  {
    opacity:1;
  }
  17%
  {
    opacity:1;
  }
  25%
  {
    opacity:0;
  }
  92%
  {
    opacity:0;
  }
  100%
  {
    opacity:1;
  }
}
#cf4a
{
  position: relative;
  height:   300px;
  overflow: hidden;
  margin:   0px auto;
}
#cf4a img
{
  position: absolute;
  left:     0px;
}
#cf4a img
{
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 12s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 12s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 12s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 12s;
}
#cf4a img:nth-of-type(1)
{
  -webkit-animation-delay: 9s;
  -moz-animation-delay: 9s;
  -o-animation-delay: 9s;
  animation-delay: 9s;
}
#cf4a img:nth-of-type(2)
{
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
#cf4a img:nth-of-type(3)
{
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s;
}
#cf4a img:nth-of-type(4)
{
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}