@charset "utf-8";
/**********************************************
base style
version: 2.0
author: Wen
date: 2010-3-10
mail: wen.lieko@gmail.com
**********************************************/

/*reset
==========================================================*/
*{margin:0;padding:0;}

html{
  scrollbar-face-color:#536788;
  scrollbar-highlight-color:#536788;
  scrollbar-shadow-color:#536788;
  scrollbar-3dlight-color:#536788;
  scrollbar-arrow-color:#ffffff;
  scrollbar-track-color:#dfdfdf;
  scrollbar-darkshadow-color:#eeeeee;
}

body,table{
  position:relative;/*修复IE6 Bug*/
  font:12px/1.5 Verdana, arial, Sans-Serif;
}

h1,h2,h3{font-size:1em}

img{border:0;}

ul{list-style:none;}

a{color:black;}

a:hover{text-decoration:none;}

A.BBlack:link { COLOR: #FFFFFF; TEXT-DECORATION: underline; }

A.BBlack:hover { COLOR: #FFFFFF; TEXT-DECORATION: none; }

A.BBlack:visited { COLOR: #FFFFFF; TEXT-DECORATION: underline; }

A.aBlack:link { COLOR: #000000; TEXT-DECORATION: underline; }

A.aBlack:hover { COLOR: #ff0000; TEXT-DECORATION: none; }

A.aBlack:visited { COLOR: #000000; TEXT-DECORATION: underline; }

A.Hidelink:link { COLOR: #000000; TEXT-DECORATION: underline; }

A.Hidelink:hover { COLOR: #ff0000; TEXT-DECORATION: none; }

A.Hidelink:visited { COLOR: #000000; TEXT-DECORATION: underline; }

.position{padding:5px 10px;}

.ByBorder { border: 1px solid #536788; background-color: #E8EDF4; line-height: 20px; padding: 4px; }

.ByeBorder { border: 1px solid #536788; background-color: #E8EDF4; line-height: 20px; }

.readme { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-variant: normal; }

input,textarea,select{ border-right: #e8e9ea 1pt solid; border-top: #cccccc 1pt inset; font-size: 12px; border-left: #cccccc 1pt inset; line-height: 15px; border-bottom: #e8e9ea 1pt solid; font-family: tahoma,verdana;}

.noLink{cursor:default;}

.strong{color:red;}

.showPage{color:#536788;}

.pageNav{margin:-5px 0 5px ;padding:3px 0;color:black;text-align:right;}

.pageNav a,.pageNav span{line-height:2.2em;padding: 2px 5px;color:#203558; border: solid 1px #849CC6;text-decoration: none;}

.pageNav a:hover{background-color:#E5EDF9;color:#203558;}

.pageNav span.current{padding:2px 5px; color:#ffffff;background-color:#5E90C3;border: solid 1px #5E90C3;font-weight:bold;}

.pageNav.top {font-size:1em;padding:0;position:relative; right:-277px;}

.pageNav.top a,.pageNav.top span{line-height:1;padding:0;margin:0;border:none;}

.pageNav.top .next,.pageNav.top .prev{color:red;margin:0 5px;}

.pageNav.top span.next,.pageNav.top span.prev{color:gray;}

.pageNav.top a:hover{color:blue;}
.openWindow{
  vertical-align:middle;
  background:red;
}

/*layout
==========================================================*/
body>table{margin:0 auto;}

#header,#content,#footer{
  width:778px;
  margin:0 auto;
}

/*#guarantee&time*/
#guarantee,
#time{
  position:fixed;
  _position:absolute;
  left:5px;
  top:5px;
  width:100px;
  height:100px;
}

#guarantee a{
  display:block;
  width:100%;
  height:100%;
  background:url(../img/guarantee.png) no-repeat top center;
  background:url(../img/guarantee.gif) no-repeat top center;
  text-align:center;
  line-height:100px;
  font-size:27px;
  text-decoration:none;
  text-indent:-9999px;
}

#guarantee a:hover{
  background-position:50% -100px;
}

#time{
  left:auto;
  right:5px;
  background:url(../img/time.png) no-repeat center;
  _background:url(../img/time.gif) no-repeat center;
}

#time input,
#time p{
  position:absolute;
  top:29px;
  width:100%;
  height:30px;
  border:none;
  background:transparent;
  text-align:center;
  color:#fff;
  font:25px arial, sans-serif;
  font-weight:bold;
}

#time p{
  z-index:1;
  top:56px;
  height:30px;
  text-align:center;
  font:6px courier, sans-serif;
  font-weight:normal;
  color:#FFCC33;
}

/*#msn*/
#msn{
  display:none;
  position:absolute;
  z-index:1;
  top:100px;
  right:20px;
  height:100px;
  width:100px;
  background:#fff url(/img/msn_bg.gif) no-repeat center;
}

#msn a img{background-color:#fff}

/*header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header a{
  color:#fff;
  text-decoration:none;
}

/*content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content{
  overflow:hidden;
  background:#fff url(../img/content_bg.gif) repeat-y left;
}

/*#main
-----------------------------------------------------*/
#main{
  float:right;
  width:618px;
}

#position{
  margin:5px 0 5px 10px;
  font-size:1em;
  font-weight:normal;
  text-align:left;
}

/*#sidebar
-----------------------------------------------------*/
#sidebar{
  float:left;
  padding:10px 5px;
  width:150px;
  background-color:#536788;
}

#search{
  margin-bottom:10px;
  text-align:center;
}

#nav dt,
#nav dd{
  padding-left:20px;
  background:url(../Pic/Myarrow1.gif) no-repeat left center;
  line-height:24px;
  font-weight:bold;
  color:#fff;
}

#nav dd{
  font-weight:normal;
  padding-left:30px;
  background:url(../Pic/Myarrow.gif) no-repeat 20px center;
}

#nav a{
  color:#fff;
  text-decoration:none;
}

#nav dd a{border-bottom:1px solid #fff;}

#nav dd a:hover{border:none;}

#nav dt a:hover{border-bottom:2px solid white;}

/*w#sidebar dt,
w#sidebar dd{
  padding-left:20px;
  background:url(../Pic/Myarrow1.gif) no-repeat left center;
  line-height:24px;
}

w#sidebar dd{
  padding-left:30px;
  background:url(../Pic/Myarrow.gif) no-repeat 20px center;
}

w#sidebar a{
  text-decoration:none;
  font-weight:bold;
  color:#fff;
}

w#sidebar dd a{
  font-weight:normal;
  border-bottom:1px solid #fff;
}

w#sidebar dd a:hover{border:none;}

#sidebar dt a:hover{border-bottom:2px solid white;}*/

/*footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#extra1{
  wwidth:150px;
  wheight:150px;
  position:absolute;
  position:fixed;
  bottom:0;
  right:0;
}

#extra1 .msn{
  display:block;
  width:80px;
  height:80px;
  /*padding:2px 30px 2px 5px;
  border:1px solid #EA0000;
  background:#fff url(../img/msn.gif) no-repeat 52px 0;
  color:#EA0000;
  font:bold 12px/21px arial, sans-serif;*/
  background:#fff url(../img/msn.jpg) no-repeat right top;
  text-indent:-9999px;
  text-decoration:none;
}

#extra1 .msn:hover{
  width:100px;
  height:100px;
  background-position:0 -80px;
}

#extra2{
  position:absolute;
  left:-999px;
  bottom:5px;
}

/*#types*/
#types{
  overflow:hidden;
  margin-left:10px;
  padding:2px 0 2px 5px;
  border:1px solid #536788;
  background-color:#E8EDF4;
  text-transform:capitalize;
  zoom:1;
  _padding-bottom:5px;
}

#types dt,
#types dd{
  float:left;
  margin:5px 5px 5px 0;
  padding-right:5px;
  border-right:1px solid #000;
  line-height:1;
  _line-height:1.1;
}

#types dt{
  padding:0;
  border:none;
  font-weight:bold;
}

#types .last{border:none}

#types a{color:#666;}

#types a:hover{color:#000;}


/*-----------types------------*/
#product-brand{
  width:606px;
  margin:10px 0 0 10px;
  padding:5px 0 10px;
}

#product-brand a{
  padding:0 5px;
  border-right:1px solid #000;
  color:#000;
}

#product-brand a.first{padding-left:0}

#product-brand a.last{border:0}

#product-brand a:hover{
  color:#f00;
  text-decoration:none;
}

/*----------prolist/-------------*/
.phone-logo{
  overflow:hidden;
  margin:5px 0 15px 10px;
  width:606px;
  border:1px solid #536788;
  background-color:#eee;
}

.phone-logo img{
  padding:4px 15px 4px 10px;
  height:20px;
  width:auto;
  vertical-align:middle;
}

.phone-logo table{
  border-top:1px solid #000;
  background-color:#fff;
}

#pro-list{width:608px}

td#position{
  padding:5px 0 5px 10px;
  width:608px;
}