/* Base Style */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, del, em, font, img, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, select, option, param {margin:0; padding:0; outline-color:-moz-use-text-color; outline-style:none; outline-width:0;}
ul, ol, li {list-style-type:none;}
img {border:0;}

em, b, i, cite, sub {
  font-style: normal;
  font-weight: 100;
}

/* html5 */
section,article,aside,header,footer,nav,dialog,figure{display:block;}

/* text */
input, label, select, option, textarea, button, fieldset, legend {font-family:Tahoma,sans-serif;}
/* a link */
a {text-decoration:none;}
a:hover {text-decoration:underline;}

/* clear both */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1;display:inline-block;_height:1px}
*html.clearfix{height:1%}
*+html .clearfix{height:1%}
.clearfix{display:block}

.clear {clear:both;}

/* public */
body {font-size:12px; color:#111; font-family: SimSun;}
a { color:#111;}

.gray999 {color:#999999;}
.gray666 {color:#666 !important;}

.color_black {color:#111;}
.color_red {color:#c00;}
.color_red2 {color:#D6316D;}
.color_blue {color:#3366ff;}
.color_green {color:green;}
.color_orange {color:#F60;}

.color_f58 {color:#F58;}
.color_360 {color:#360;}
.color_369 {color:#369;}
.color_333 {color:#333;}

.mt {margin-top:10px;}
.mt20 {margin-top:20px;}
.mr {margin-right:10px;}
.mb {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.ml {margin-left:10px;}

.pa10 {padding:10px;}
.pl10 {padding-left: 10px;}
.pr10 {padding-right: 10px;}

.text-l {text-align:left;}
.text-c {text-align:center;}
.text-r {text-align:right;}

.fl {float:left;}
.fr {float:right;}

.translate {background-color:#FF6600; padding:4px 8px; font-size:12px; color:#FFF;}
/* end public */

/* header */
.header_topbar {
    background-color: #F5F6F5;
    color: grey;
    height: 28px;
    line-height: 28px;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}
.header_topbar_wrapper {width: 960px; margin: 0 auto;}
.header {width: 960px; margin: 0 auto;}
.header .middle .logo {float: left;}
.header .middle .search {float: left; margin-top: 20px; margin-left: 20px;}
.header .middle .search .search-input {
      height: 30px;
      border: 1px solid #338ad1;
      border-right: 0;
      padding-left: 5px;
      width: 240px;
      display: inline-block;
      *display: inline;
      zoom: 1;
}
.header .middle .search .search-button {
    width: 70px;
    height: 34px;
    line-height: 32px;
    border: 0;
    background: #338ad1;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.header .middle .aside {
    float: left;
    margin-top: 30px;
    margin-left: 20px;
    font-size: 14px;
}

.header .cate {background: #338ad1; padding-left: 10px;}
.header .cate li {float: left; line-height: 34px; font-size: 14px; margin-right: 10px; padding: 0 10px;}
.header .cate li a {color: #FFF; font-family: Microsoft YaHei;}
/* end header */

/* pageurl */
.pageurl {width:960px; margin:0 auto; height: 34px; line-height: 34px;}
.pageurl .navlink {float: left; width: 700px;}
.pageurl .navlink a {color:#338ad1}
.pageurl .morelink {float: right; width: 200px; text-align: right;}
/* end pageurl */

/* pagination */
.pagination {font-family:Verdana; font-size:14px; line-height:34px; margin:10px auto; text-align:center; }
.pagination span.current {
    color:#F63;
    height:34px;
    margin-right:5px;
    padding:0px 10px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    border:1px solid #F63;
    font-weight:bold;
}
.pagination a {
    padding:0px 10px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right:5px;
    color:#333;
    border-color: #E1E3EF #BFC7D8 #BFC7D8 #E1E3EF;
    border-width: 1px;
    border-style: solid;
}
.pagination a:hover {
    text-decoration:none;
    background-color:#E9F1F7;
    border:1px solid #F63;
}
/* end pagination */

/* footer */
.footer {clear:both; font-size:12px; font-family: Verdana; background: #F5F6F5; line-height:25px; text-align:center; padding:15px 0; color: #666; border-top: 1px solid #e6e6e6}
.footer a { margin-left:5px; margin-right:5px; color: #666;}
.footer .as-box {width: 960px; margin: 0 auto;}
.footer .as-box a {color: #666;}
.footer .as-box .as-link {float: left; width: 600px; text-align: left;}
.footer .as-box .as-product {float: right; width: 350px; text-align: right;}
/* end footer */

/* btn */
.btnHook,.btn_E,.btn_E_gray,.btn_F,.btn_F_blue,.btn_F_white {
	display:inline-block;
	cursor:pointer;
	text-align:center;
	color:#fff;
	font-family:'simsun';
}
.btnHook:hover,.btn_E:hover,.btn_E_gray:hover,.btn_F:hover,.btn_F_blue:hover,.btn_F_white:hover {
	color:#fff;
	text-decoration:none !important
}

.btn_A {
	zoom:1;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fb812d),to(#ed6f21));
	background-image:-webkit-linear-gradient(top,#fb812d,#ed6f21);
	background-image:-moz-linear-gradient(top,#fb812d,#ed6f21);
	background-image:-ms-linear-gradient(top,#fb812d,#ed6f21);
	background-image:-o-linear-gradient(top,#fb812d,#ed6f21);
	background-image:linear-gradient(top,#fb812d,#ed6f21);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFFB812D",EndColorStr="#FFED6F21");
	height:36px;
	line-height:36px;
	border:1px solid #e6660e;
	font-size:15px;
	font-weight:bold
}
.btn_A:hover {
	zoom:1;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#f7751c),to(#e66312));
	background-image:-webkit-linear-gradient(top,#f7751c,#e66312);
	background-image:-moz-linear-gradient(top,#f7751c,#e66312);
	background-image:-ms-linear-gradient(top,#f7751c,#e66312);
	background-image:-o-linear-gradient(top,#f7751c,#e66312);
	background-image:linear-gradient(top,#f7751c,#e66312);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFF7751C",EndColorStr="#FFE66312")
}
.btn_B {
	zoom:1;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#5cacdb),to(#56a1d2));
	background-image:-webkit-linear-gradient(top,#5cacdb,#56a1d2);
	background-image:-moz-linear-gradient(top,#5cacdb,#56a1d2);
	background-image:-ms-linear-gradient(top,#5cacdb,#56a1d2);
	background-image:-o-linear-gradient(top,#5cacdb,#56a1d2);
	background-image:linear-gradient(top,#5cacdb,#56a1d2);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#FF5CACDB",EndColorStr="#FF56A1D2");
	height:36px;
	line-height:36px;
	border:1px solid #4f9fce;
	font-size:14px
}
.btn_B:hover {
	zoom:1;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#3599d4),to(#2d8bc9));
	background-image:-webkit-linear-gradient(top,#3599d4,#2d8bc9);
	background-image:-moz-linear-gradient(top,#3599d4,#2d8bc9);
	background-image:-ms-linear-gradient(top,#3599d4,#2d8bc9);
	background-image:-o-linear-gradient(top,#3599d4,#2d8bc9);
	background-image:linear-gradient(top,#3599d4,#2d8bc9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#FF3599D4",EndColorStr="#FF2D8BC9")
}
.btn_C {
	zoom:1;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#d3d4d4),to(#b9bbbc));
	background-image:-webkit-linear-gradient(top,#d3d4d4,#b9bbbc);
	background-image:-moz-linear-gradient(top,#d3d4d4,#b9bbbc);
	background-image:-ms-linear-gradient(top,#d3d4d4,#b9bbbc);
	background-image:-o-linear-gradient(top,#d3d4d4,#b9bbbc);
	background-image:linear-gradient(top,#d3d4d4,#b9bbbc);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFD3D4D4",EndColorStr="#FFB9BBBC");
	height:36px;
	line-height:36px;
	border:1px solid #c9c9c9;
	font-size:14px;
	cursor:default
}
.btn_E,.btn_E_gray {
	background-color:#81bbdf;
	width:100px;
	height:26px;
	line-height:26px;
	font-size:12px
}
.btn_E:hover,.btn_E_gray:hover {
	background-color:#2e8cca
}
.btn_E_gray {
	background-color:#d8d8d8;
	cursor:default;
	color:#999
}
.btn_E_gray:hover {
	background:#d8d8d8;
	color:#999
}
/* end btn */
.msAppBanner {
    margin: 0 auto;
    width: 960px;
}

/* friendlink */
.friendlink {margin:10px auto; background-color:#f8f8f8; padding:10px;}
.friendlink a {line-height:22px; margin-right: 10px;}
/* end friendlink */

/* category-book-recommand */
.category-book-recommand {
    float: left;
    width: 33%;
}
.category-book-recommand-end {
    float: right;
    width: 34%;
}
.category-book-recommand h2 {
    border-bottom: 1px solid #CECECE;
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    margin: 0px;
    background: #f6f8fe;
}
.category-book-recommand .cover-book {
    padding: 10px;
}
.category-book-recommand .cover-book .cover {
  float: left;
  width: 95px;
}
.category-book-recommand .cover-book .cover img {
    width: 80px;
    height: 112px;
}
.category-book-recommand .cover-book .info dt {
    overflow: hidden;
    height: 22px;
    margin-bottom: 4px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 700;
}
.category-book-recommand .cover-book .info dd {
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}
.category-book-recommand .cover-book .info .intro {
    overflow: hidden;
    margin-top: 8px;
    height: 54px;
    line-height: 18px;
    color: #888
}
.category-book-recommand .txt-book {
    padding-bottom: 10px;
}
.category-book-recommand .txt-book li {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    overflow: hidden;
    float: left;
    width: 50%;
}
.category-book-recommand .txt-book li a {
    padding-left: 10px;
    color: #555;
}
/* end category-book-recommand */

/* login-panel */
.login-panel {
    width: 400px;
    border: 1px solid #88C6E5;
    margin: 10px auto;
    border-radius: 5px;
    background: #FFF;
    overflow: hidden;
}
.login-panel h2 {
    text-align: center;
    background: #88C6E5;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    margin-bottom: 10px;
}
.login-panel p {
    margin-left: 30px;
    width: 340px;
}
.login-panel .text {
    border: 1px solid #88C6E5;
    text-indent: 6px;
    height: 28px;
    line-height: 28px;
    width: 100%;
    border-radius: 2px;
}
.login-panel .btnnn {
    width: 100%;
    line-height: 32px;
    height: 32px;
    color: #fff;
    font-weight: bold;
    display: block;
    margin: 15px 0;
    background: #57a7d8;
    text-align: center;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    -webkit-appearance: none;
}
.login-panel .reglink {
    text-align: center;
    display: block;
    line-height: 40px;
    color: #338ad1;
}
/* end login-panel */
