﻿@CHARSET "UTF-8";
html{ background:#fff}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400;}
img,fieldset {border:0;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
body{font-family:Arial,Helvetica,sans-serif,SimSun;font-size:12px;}
input,button,textarea,select{font-size:12px;}
table{border-collapse:collapse;border-spacing:0}
a{color:#03c;text-decoration:none;}
a:hover{color:#03c;text-decoration:underline;}
.wrapfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* for ie */
.wrapfix{zoom:1;}

#head .hdnav-box,.help-hdhr,.hdnrc-bp,.hdnrc-bp b,.helpMenu .help-bar span,#self-serve{background:url(../images/help-gradient.png) no-repeat}
#head li a,#sear-bar .sear-btn{background:url(../images/help-btn.png) no-repeat}
.helpMenu .menu-open,#self-serve li,.sear-form span,#crumbs{background:url(../images/help-ico.png) no-repeat}
#sear-bar{background:url(../images/searbar.png) no-repeat}

/* bg*/

#head{width:960px;height:84px;margin:0 auto}
#head .logo{float:left;margin-top:8px;}
#head .hdnav{display:inline;float:right;margin:35px 90px 0 0;}
#head ul{float:right;}
#head li{float:left;line-height:29px;text-align:center;}
#head li a{float:left;width:112px;height:29px;color:#444;font-size:14px;background-position:0 -64px;}
#head li.first a{background-position:0 -35px;}
#head li.last a{background-position:100% -93px;}
#head li a:hover{color:#000;}
#head li.current a{position:relative;height:33px;background-position:0 -122px;line-height:33px;margin:-2px 0 -2px;color:#fff;font-weight:700;}
#head li.current a:hover{color:#fff;text-decoration:none;}
.help-hdhr{clear:both;height:15px;background-position:0 -131px;background-repeat:repeat-x;}
.hdnrc-bp{display:block;position:relative;height:3px;margin-bottom:-3px;overflow:hidden;background-position:-3px -146px;}
.hdnrc-bp b{float:right;width:3px;height:3px;background-position:0 -146px;}
/* head */
#content{width:960px;margin:0 auto;}
#content .col-sub{float:left;width:194px;}
#content .col-main{float:right;width:756px;padding-left:10px;}

.helpMenu{border:1px solid #bbe1f8;padding:5px 5px 0;}
.helpMenu .menu-box{margin-bottom:5px;}
.helpMenu .help-bar{position:relative;width:178px;border:1px solid #bbe1f8;padding:1px;}
.helpMenu .help-bar span{display:block;height:25px;padding-left:20px;line-height:25px;background-position:0 -106px;background-repeat:repeat-x;border:none;cursor:pointer;}
.helpMenu .help-bar a{font-size:14px;font-weight:700;color:#333;}
.helpMenu .help-bar a:hover{color:#333;}
.helpMenu .menu-open{position:absolute;top:7px;right:5px;width:12px;height:12px;padding:0;margin:0;background-position:2px -193px;text-indent:-9999px;border:0;cursor:pointer;}
.helpMenu .menu-close{background-position:-16px -193px;}

.helpMenu .group{padding:5px 0 10px 20px;line-height:22px;}

#self-serve{height:106px;margin-top:10px;border:4px solid #a6d0e7;background-position:0 0;background-repeat:repeat-x;}
#self-serve h2{margin:0 5px;border-bottom:1px solid #2688ce;line-height:24px;color:#046eba;font-weight:700;font-size:14px;}
#content .col-sub .contact{margin-top:10px;}
#content .col-sub .contact span{display:none}
.selfserve-box{height:70px;padding:10px 0 0 5px;}
#self-serve li{float:left;width:60px;padding-left:30px;line-height:32px;}
#self-serve li a{color:#333;}
#self-serve li a:hover{color:#03c;}
#self-serve .psd-modifi{background-position:0 0px}
#self-serve .renew-money{background-position:0 -45px}
#self-serve .forget-psd{background-position:0 -90px}
#self-serve .bail-house{background-position:0 -135px}
/* col-sub end*/

#sear-bar{height:79px;padding-left:26px;background-position:0 0;margin-bottom:10px;}
#sear-bar .sear-form span,#sear-bar .sear-btn{float:left;}
.sear-form{height:45px;}
#sear-bar .sear-form span{width:460px;height:26px;padding:0 8px 0 32px;margin:10px 10px 0 0;border:1px solid #8b8f92;background-color:#fff;background-position:0 -223px;}
#sear-bar .p-field{border:0;margin:5px 0 0 0;width:100%;}
#sear-bar .sear-btn{background-position:0 0;width:108px;height:29px;margin-top:9px;border:0;cursor:pointer;text-indent:-9999px;font-size:0;line-height:0;}
#sear-bar .hotsear{margin-top:10px;color:#fff;}
#sear-bar .hotsear a{color:#fff;}
#sear-bar .hotsear a:hover{color:#fff;}
/* sear-bar end*/
#crumbs{margin-bottom:10px;padding-left:22px;background-position:0 -263px;color:#808080;}
#crumbs a{color:#808080;}
#crumbs .current{color:#C00;}
#crumbs a.current:hover{color:#c00;}

#footer{width:960px;margin:30px auto 0;border-top:1px solid #D3E5F3;}
#footer hr{display:none;}
#footer a{color:#666;}
#footer a:hover{color:#03c;}
#footer .end{margin:10px 0 20px;text-align:center;color:#666666;line-height:22px;}
#footer .end a{padding:0 5px;color:#666;text-decoration:none;}
#footer .end a:hover{color:#03c;text-decoration:underline;}
#footer .end b{color:#c00;font-family:"Tahoma";font-size:16px;}


