@charset utf-8;
/* CSS Document */
body{margin:0;padding:0;font-size:12px;line-height:1.6em;font-family:'Segoe UI', Arial, verdana, Tahoma, Helvetica, sans-serif;color:#687175;background:#fff;height:100%;width:100%}
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset{margin:0;padding:0;-webkit-text-size-adjust:none}
html{-webkit-text-size-adjust:none}
ul,ul li,dl,dt,dd{list-style:none}
ol{list-style-type:decimal;list-style-position:outside}
input,select,option{font-family:'Segoe UI',verdana, Arial, Tahoma, Helvetica, sans-serif;font-size:12px;margin:0}
img{border:0;}
a,a:link{color:#0697d7;text-decoration:none}
a:hover{color:#3e4e57;text-decoration:underline}
a,area{blr:expression(this.onFocus=this.blur())}
/* for IE */:focus{-moz-outline-style:none}
.red{ color:#C80000;}
/*==== Share ====*/
.clear {clear:both}
.line{border-bottom:dashed 1px #ccc;height:0px;margin-bottom:15px}
.fl{float:left}
.fr{float:right}
a.try,a.buy{display:block;background: url(images/try-buy.png) no-repeat;width:158px;height:55px;text-indent:-9999px}
a.buy{background-position:0 -25px}
a.free,a.buy2{display:block;background: url(images/try-buy.png) no-repeat;width:158px;height:55px;text-decoration:none;margin-right:10px}
a.buy2{background-position:0 -55px; margin-left:60px;}
.path{width:950px;margin:5px auto;padding:5px; background:url(../images/home.png) no-repeat 20px 8px; padding-left:40px;}

/*header*/
.page-top{background:#f3f3f3;}
#header{width:966px;margin:0 auto;height:90px}
#logo{float:left;height:80px;padding:0px 10px 0px 0px;}
#logo a{float:left; padding:10px 10px 0px 10px;}
#logo a:hover{text-decoration:none;}
.top_right{ width:210px; margin:25px 0 0 0;text-align:right;}
.soso{ width:210px; float:right;padding-top:15px;}

.menu1 { height:42px; background: url(images/nav.gif) repeat-x center 0;}
#menu { width:980px; margin:0 auto 0; height:42px;}
#menu ul{width:980px; }
#menu ul li{float:left; width: auto; height:42px;text-align:center;position:relative;background:url(images/nav-right.jpg) no-repeat right 10px; }
#menu ul li a{height:42px;color:#fff;line-height:40px;font-size:16px;display:block; padding:0px 50px;}
#menu ul li a:hover{color:#2b2b2b;text-decoration:none; }
#menu ul li.curr {color:#2b2b2b;}


.pro_bg1{background: url(../images/top-bg.png) no-repeat 0 0px;width:960px;margin:10px auto 0px auto; height:13px;}
.pro_bg{background: url(../images/pro-bg.png) no-repeat 0 76px;width:960px;margin:0 auto}
.pro_bg .pic{float:left;width:400px;height:300px;position:relative;padding:35px 0 0 10px}
.pro_bg .text{float:right;width:493px;height:330px;padding-right:30px;position:relative}
.pro_bg .text h2{font-size:17px;font-weight:bold;color:#3e4f57; padding:25px 0 20px 0px}
.pro_bg .text dd{background: url(../images/list.gif) no-repeat 0 8px;color:#666;line-height:18px;padding-left:10px;font-size:13px; margin:0px 0px 10px 0px;}
.pro_bg .text dt{color:#3E4F57;line-height:20px;font-size:14px;padding:5px 0;margin:0px 0px 10px 0px;}
.pro_bg .text dt a{font-size:12px}
.pro_bg .text .btn{width:425px;height:61px; margin-top:20px;}
.pro_bg .text .btn .dd{display:block;color:#333;padding:30px 0 0 16px; font-weight:bold;}
.pro_bg .text p{padding:15px 0 10px 0px;font-size:13px}
.pro_tit{height:65px;padding-top:20px}
.pro_tit .title{float:left;height:40px;font-size:23px;line-height:24px;font-weight:bold;color:#3e4f57;padding:0 5px;}
.pro_tit .title h1{font-size:23px;line-height:26px;font-weight:bold;color:#3e4f57; padding-top:10px;}
.pro_tit .nav{float:right;padding-top:35px;}
.pro_tit .nav ul{float:left;padding-right:20px;}
.pro_tit .nav ul li{float:left;background: url(../images/nav-lbg.gif) no-repeat right center}
.pro_tit .nav ul li a{display:block;text-align:center;line-height:20px;color:#8c8c8c; padding:0 7px;}


.mainbox{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:1px 29px 15px;zoom:1;color:#333;width:900px;margin:0 auto}

.gpdisplay{ margin:5px 0;border:1px solid #efefef;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1'); background: -moz-linear-gradient(top, #ffffff, #f1f1f1 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f1f1f1)); overflow:hidden;}
.gpdisplay p{ margin:20px 0 0 70px;}

/*==== leftbox ====*/
#leftbox{float:left;width:890px;padding-bottom:15px;overflow:hidden}
#leftbox h1,#leftbox1 h1 {font-size:23px;line-height:26px;font-weight:bold;color:#3e4f57; padding-top:15px;}
#leftbox h2,#leftbox1 h2{font-size:17px;font-weight:bold;padding:15px 0 10px;border-bottom:1px dashed #9d9c9c;margin-bottom:20px;line-height:25px;color:#3e4f57;}
#leftbox p,#leftbox1 p{margin-top:10px;font-size:13px; line-height:23px;}
#leftbox ul,#leftbox1 ul{padding:10px 0px 0px 10px; margin-bottom:30px;}
#leftbox ul li,#leftbox1 ul li{background: url(../images/dd-dot.png) no-repeat 0 10px transparent;font-size:13px;line-height:23px;padding:0 15px 0 6px; margin:0px 0px 15px 0px;}
#leftbox .table { margin: 15px 0px 0px 0px;}
#leftbox .border,#leftbox1 .border { border-bottom: 1px dashed #ddd; padding:15px 0px 0px 0px;}
#leftbox .box1 { float:left; width:430px; margin-right:20px;}
#leftbox .box2 { float:left; width:430px;}

#leftbox1 {float:left;width:660px;padding-bottom:15px;overflow:hidden}

/*sidebar*/
#sidebar{width:210px;float:right;padding:10px 0 0}
#sidebar .title {background: url(images/sidebar-title.png) no-repeat 0px 0px; color: #3e4f57; font-weight:bold;font-size: 13px;height: 30px;line-height: 30px;margin:0px 0px 10px 0px;text-indent: 10px;width:210px; word-spacing:1px;}
#sidebar .box1{background:#FDFAF0;padding:0 10px;-webkit-box-shadow:#E1E1E1 0 2px 2px;-moz-box-shadow:#E1E1E1 0 2px 2px;box-shadow:#E1E1E1 0 2px 2px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#sidebar .box1 p{color:#666;font-size:13px;line-height:20px;padding:10px 0}
#sidebar .box1 .fh1,#sidebar .box1 .fh2{display:block;width:23px;height:22px;background: url(images/review.gif) no-repeat}
#sidebar .box1 .fh2{background-position:-23px 0; padding-bottom:10px;}
#sidebar .side_box210{overflow:hidden;padding:10px;background-color:#F2F2F2;-webkit-box-shadow:#E1E1E1 0 2px 2px;-moz-box-shadow:#E1E1E1 0 2px 2px;box-shadow:#E1E1E1 0 2px 2px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:10px 0;width:210px; }
#sidebar .side_box210 p { line-height:30px; padding-left:5px;}
#sidebar p{color:#666;padding:0px 0px;line-height:16px;}
#sidebar a {color:#3e4e57;}
#sidebar a:hover {color:#0697d7}

.btmbox{height:100px;padding-right:20px;background-color:#F2F2F2;border-radius:5px;box-shadow:0 2px 2px #c5c5c5}
.btmbox .text{float:left;padding:10px 0 10px 20px;width:320px}
.btmbox .text .tit{display:block;color:#495961;font-style:italic;font-weight:bold;padding:0 0 10px 10px;}
.btmbox .btn{float:right;width:520px;padding-top:20px}
.btmbox .btn .dd{display:block;color:#333;padding:30px 0 0 16px; font-weight:bold;}
.btmbg{background: url(../images/btm-bg.png) no-repeat;height:10px;font-size:0;width:960px;margin:0 auto}

#footer{width:960px;margin:0 auto;text-align:center;padding:10px 0 0;clear:both;}
.footernav{color:#42535b}
.footernav a{color:#42535b;text-decoration:none}
.footernav a:hover{color:#0697d7;text-decoration:underline}
.copyright{font-size:12px; padding:10px 0px 8px 0px;}
.totop{text-align:right;padding:0px 10px 0 0;width:960px;margin:0 auto}

#tag-list-page {text-align:center; padding-top:20px;text-decoration:none; }
#tag-list-page a {color:#2e4b87; font-size:14px; padding:0 3px; text-align:center; display:inline-block; text-decoration:underline; font-weight:normal;}
#tag-list-page a:hover {text-decoration:none;font-weight:normal;}
#tag-list-page strong {font-size:16px; padding:0 3px; text-align:center; display:inline-block;}
#tag-list-page .prev {background:url(../images/resources/page-jt.png) no-repeat left 4px; padding:0 15px; width:30px; text-decoration:none;}
#tag-list-page .next {background:url(../images/resources/page-jt.png) no-repeat right -35px; padding:0 15px; width:30px; text-decoration:none;}