@charset "utf-8";
/* CSS Document */
@import url(public_global.css);
html {background:#333;}
body {background:#333;}
a:link,
a:visited {color:#06c;}
a:hover {color:#c50e00;}
.gray {color:#666;}
.input01 {height:19px;line-height:19px;border:1px solid #C8C8C8;}
.input02 {height:19px;line-height:19px;border:1px solid #C8C8C8;}

.button01 {background:url(http://img.hogacn.com/passport/01/img/button01.gif) no-repeat 0 0;font-size:14px;font-weight:bold;color:#fff;height:30px;width:126px;border:0;cursor:pointer;}
.button02 {background:url(http://img.hogacn.com/passport/01/img/button01.gif) no-repeat 0 -30px;font-size:14px;font-weight:bold;color:#fff;height:26px;width:65px;border:0;cursor:pointer;margin:1em auto;}
.button03 {background:url(http://img.hogacn.com/passport/01/img/button01.gif) no-repeat 0 -30px;font-size:14px;font-weight:bold;color:#fff;height:26px;width:65px;border:0;cursor:pointer;margin:3px;}


.pagebox {width:960px;margin:0 auto;}
.pagebody {background:#ecedef url(http://img.hogacn.com/passport/01/img/pagebodyBG.jpg) no-repeat center top;padding:20px 0;min-height:600px;_height:600px;}
.headbox {background:#fff url(http://img.hogacn.com/passport/01/img/headBG.gif) no-repeat 100% 100%;padding-bottom:21px;height:135px;}
.leftbox {float:left;width:220px;margin-left:10px;_display:inline;}
.rightbox {float:right;width:700px;margin-right:10px;_display:inline;}
.footbox {background:#fff url(http://img.hogacn.com/passport/01/img/footBG.gif) repeat-x 0 0;height:30px;overflow:hidden;clear:both;color:#fff;line-height:29px;padding:0 10px;}
.footbox a:link,
.footbox a:visited {color:#fff;text-decoration:none;}
.footbox a:hover {color:#fc0;}
.footbox .left {background:url(http://img.hogacn.com/passport/01/img/logo_bottom.gif) no-repeat 0 50%;padding-left:50px;float:left;}
.footbox .right {float:left;}
.regbox {width:80%;margin:0 auto;}


.navbox {float:right;margin-right:10px;margin-bottom:3px;_display:inline;}
.navbox li {float:left;margin-left:20px;}
.navbox li a:link,
.navbox li a:visited {text-decoration:none;color:#5b5b5b;display:block;font:bold 14px/24px Arial;}
.navbox li a:hover {color:#c50e00;}
.navbox .ON,
.navbox .ON span {background:url(http://img.hogacn.com/passport/01/img/nav.gif);height:24px;line-height:24px;display:block;}
.navbox .ON {padding-left:20px;background-position:0 0;}
.navbox .ON span {float:left;padding-right:20px;background-position:100% 0;}
.navbox .ON a:link,
.navbox .ON a:visited,
.navbox .ON a:hover {color:#fff;}

.userbox {color:#c50e00;float:left;line-height:24px;margin-left:10px;_display:inline;}


.headbox h1 {padding-left:0px;font:26px/90px "Microsoft Yahei","黑体";color:#5b5b5b;float:left;margin:10px 0px 10px 10px;_display:inline;}
.headbox .adbox {float:right;margin:10px;_display:inline;}

.leftbox .head,
.leftbox .tail 
.leftbox .head .cor,
.leftbox .tail .cor {height:10px;overflow:hidden;}

.leftbox .head,
.leftbox .head .cor {background:url(http://img.hogacn.com/passport/01/img/leftboxHead.gif) no-repeat;}
.leftbox .tail,
.leftbox .tail .cor {background:url(http://img.hogacn.com/passport/01/img/leftboxTail.gif) no-repeat;}
.leftbox .head,
.leftbox .tail {background-position:0 0;position:relative;}
.leftbox .head .cor,
.leftbox .tail .cor {background-position:100% 0;width:50%;position:absolute;right:0;top:0;}

.leftbox .contentbox {background:#f5f6f8;border:1px solid #9d9d9d;border-top:0;border-bottom:0;}

.Rcon .contentbox {background:#fff;border:1px solid #9d9d9d;border-bottom:0;border-top:0;}
.Rcon .tail,
.Rcon .tail .cor {height:10px;background:url(http://img.hogacn.com/passport/01/img/rightboxTail.gif) no-repeat;overflow:hidden;}
.Rcon .tail {background-position:0 0;position:relative;}
.Rcon .tail .cor {background-position:100% 0;width:50%;position:absolute;right:0;top:0;}
.Rcon .head,
.Rcon .head .cor {height:25px;background:url(http://img.hogacn.com/passport/01/img/rightboxHead.gif) no-repeat;overflow:hidden;}
.Rcon .head {background-position:0 0;position:relative;}
.Rcon .head .cor {background-position:100% 0;width:50%;position:absolute;right:0;top:0;}

.Rcon .autonymbox {padding:20px;width:94.5%;text-align:center;font-size: 16px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}

.leftbox .content,
.Rcon .content {padding:1em;}

.guidebox {padding:5px 0;}
.guidebox dt {margin:5px 0;}
.guidebox dt a:link,
.guidebox dt a:visited {background:url(http://img.hogacn.com/passport/01/img/guideBG.gif) no-repeat 50% 0;height:24px;line-height:24px;display:block;color:#fff;font-weight:bold;text-decoration:none;text-align:center;}
.guidebox dt.ON a:link,
.guidebox dt.ON a:visited,
.guidebox dt.ON :hover,
.guidebox dt a:hover {background:url(http://img.hogacn.com/passport/01/img/guideBG_hover.gif) no-repeat 0 0;}
.guidebox dd {display:none;}
.guidebox dd a:link,
.guidebox dd a:visited {background:url(http://img.hogacn.com/passport/01/img/dash.gif) repeat-x 0 100%;height:24px;line-height:24px;display:block;color:#5B5B5B;font-weight:bold;text-decoration:none;text-align:center;}
.guidebox dd li.ON a:link,
.guidebox dd li.ON a:visited,
.guidebox dd li.ON :hover,
.guidebox dd a:hover {background:#ccc url(http://img.hogacn.com/passport/01/img/dash.gif) repeat-x 0 100%;}

.contectbox li {line-height:20px;}
.contectbox .mail,
.contectbox .phone {background:url(http://img.hogacn.com/passport/01/img/icon01.gif) no-repeat;padding-left:15px;}
.contectbox .qq {padding-left:15px;}
.contectbox .mail {background-position:0 6px;}
.contectbox .phone {background-position:0 -35px;}


.h01 {background:url(http://img.hogacn.com/passport/01/img/icon01.gif) no-repeat 1em -99px;height:24px;line-height:24px;color:#fff;font-size:12px;padding-left:3em;}
.h02 {background:#dadce0 url(http://img.hogacn.com/passport/01/img/icon01.gif) no-repeat 1em -167px;height:24px;line-height:24px;color:#000;font-size:12px;padding-left:3em;border-bottom:1px solid #9d9d9d;}
.h03 {background:url(http://img.hogacn.com/passport/01/img/icon01.gif) no-repeat 1em -167px;height:24px;line-height:24px;color:#000;font-size:12px;padding-left:3em;border-bottom:1px solid #9d9d9d;}
.nopass,
.pass {background:url(http://img.hogacn.com/passport/01/img/icon01.gif) no-repeat;height:21px;line-height:21px;color:#000;font-size:12px;padding-left:2em;display:none;}
.nopass {background-position:0 -207px;}
.pass {background-position:0 -242px;height:21px;}

.table01 .left {text-align:right;}
.subbox {border-top:1px solid #9d9d9d;text-align:center;}
.subbox .button01 {margin:1em auto 2em auto;}
.subbox .discription {margin:1em auto;color:#666;}

.accountbox {margin:1em auto;padding:0 2em;}
.accountbox li {line-height:2em;position:relative;width:95%;}
.accountbox li span {position:absolute;right:0;top:0;}
.accountbox li:hover {background:#f2f2f2;}

.level {padding:2em;}

.ul01 li {position:relative;line-height:2em;background:url(http://img.hogacn.com/passport/01/img/point.gif) no-repeat 0.5em 50%;padding-left:2em;}
.ul01 li:hover {background:#f9f9f9 url(http://img.hogacn.com/passport/01/img/point.gif) no-repeat 0.5em 50%;;}
.ul01 li address {position:absolute;right:0;top:0;color:#444;}
.ul01 li a:link,
.ul01 li a:visited  {text-decoration:none;color:#3b87b2;}
.ul01 li a:hover {text-decoration:underline;color:#ad2120;}

.loginbox .input01 {width:160px}
.regbox .input01 {width:175px}
.regbox .input01 {width:175px}
.mbcard .input00 {width:175px}
.mbcard .input01 {width:40px;margin:0px 10px 0px 0px;}

.h04 {border-bottom:1px solid #b7b9bd;background:url(http://img.hogacn.com/passport/01/img/icon01.gif) no-repeat 0 -293px;padding-left:20px;color:#363e4d;font-size:14px;height:26px;line-height:26px;}
.box01 {position:relative;height:140px; margin:10px}
.box01 img {position:absolute;left:0;}
.box01 h2,
.box01 p {margin-left:140px;position:relative;}
.box01 p {padding-top:10px;line-height:20px;}
.h04 em {top:0;position:absolute;right:0;display:block;height:26px;line-height:26px;font-size:12px;padding-right:10px}


.Rcon .head01,
.Rcon .head01 .cor {height:68px;background:url(http://img.hogacn.com/passport/01/img/rightboxHead01.gif) no-repeat;overflow:hidden;}
.Rcon .head01 {background-position:0 0;position:relative;}
.Rcon .head01 .cor {background-position:100% 0;width:50px;position:absolute;right:0;top:0;}

.searchbox {margin-top:17px;margin-left:120px;float:left;border:1px solid #6d6e6e;background:#fff url(http://img.hogacn.com/passport/01/img/icon02.gif) no-repeat 0 0;padding-left:40px;width:410px;_display:inline;}
.searchbox input.txt {width:352px;height:23px;padding-left:10px;border:0;padding-top:7px;font-size:14px;_margin-top:-2px;}
.searchbox input.search {width:45px;height:30px;background:url(http://img.hogacn.com/passport/01/img/icon03.gif) no-repeat 0 0;border:0;cursor:pointer;_margin-top:-2px;}

.h05 {background:url(http://img.hogacn.com/passport/01/img/h01.gif) repeat-x 0 0;height:26px;line-height:25px;padding-left:1em;}
.h05 span {display:block;background:url(http://img.hogacn.com/passport/01/img/icon04.gif) no-repeat 0 50%;padding-left:2em;font-size:14px;color:#666;}

.ul02 {width:50%;float:left;}
.ul02 li {line-height:2em;color:#666;}
.ul02 a.a1:link,
.ul02 a.a1:visited {color:#364b86;text-decoration:none;}
.ul02 a.a1:hover {color:#c00;}
.ul02 a.a2:link,
.ul02 a.a2:visited {color:#666;text-decoration:none;}
.ul02 a.a2:hover {color:#c00;}

.ul03 li {width:33.3%;float:left;color:#295394;margin-bottom:1em;}
.ul03 img {float:left;margin-right:10px;}
.ul03 strong {color:#000;line-height:30px;s}
.ul03 a:link,
.ul03 a:visited {color:#295394;text-decoration:none;}
.ul03 a:hover {color:#c00;}

.ul04 li {background:url(http://img.hogacn.com/passport/01/img/line01.gif) repeat-x 0 100%;line-height:2em;padding-left:1em;}
.ul04 a:link,
.ul04 a:visited {color:#295394;text-decoration:none;}
.ul04 a:hover {color:#c00;}

.ul05 {width:1000px;}
.ul05 li {background:url(http://img.hogacn.com/passport/01/img/BG02.gif) no-repeat;width:116px;height:40px;padding:5px 10px 5px 27px;float:left;margin-right:21px;}
.ul05 li.step1 {background-position:0 0;}
.ul05 li.step2 {background-position:-172px 0;}
.ul05 li.step3 {background-position:-345px 0;}
.ul05 li.step4 {background-position:-519px 0;}
.ul05 li span {color:#666;line-height:20px;}
.ul05 li span.on {color:#295394}

.box02 a:link,
.box02 a:visited {color:#295394;text-decoration:none;margin-right:1em;line-height:2em;}
.box02 a:hover{color:#c00;}
.box02 a.a3:link,
.box02 a.a3:visited {color:#fe3840;text-decoration:none;}
.box02 a.a3:hover{color:#c00;}

.box03 {width:100%;overflow:hidden;}

.leftbox .content,
.Rcon .content {padding:1em;_height:10px;}
.p01 {padding:1em 2px 1em 10px;color:#444;line-height:2em;}
.p02 {padding:5px 0 5px 50px ;color:#444;line-height:2em;}
.ppoint {padding:5px 0 5px 50px;color:#BD2829;line-height:2em;font-size:16px;font-weight: bold}
.ppoint span {padding:0px 0 0px 2px;color:#666666;line-height:2em;font-size:12px;font-weight: bold}
.p03 {padding:5px 0 5px 50px ;color:#444;line-height:2em;}
.p03 span {padding:0px 0px 0px 25px;}

.star {color:#c00;margin:0 5px;}

.table02 {margin:1em auto;}

.tableinfo {width:98%;margin:0px auto;font:Georgia 11px;font-size:12px;color:#333333;text-align:center;border-collapse:collapse;}
.tableinfo td{font:12px Arial;border:1px solid #999;height:22px;}
.tableinfo td span{font-weight:bold}
.tableinfo caption{text-align:center;font-size:12px;font-weight:bold;margin:0 auto;}
.tableinfo tr.t1 td {background-color:#fff;}/* 交替行第一行的背景色 */
.tableinfo tr.t2 td {background-color:#e1e4e7;}/* 交替行第二行的背景色 */
.tableinfo tr.t3 td {background-color:#ccc;}/* 鼠标经过时的背景色 */
.tableinfo th,tfoot tr td{font-weight:bold;text-align:center;background:#c43f3e;}
.tableinfo th{ color:#FFF;border:1px solid #999;}
.tableinfo th{line-height:30px;height:30px;}
.tableinfo tfoot tr td{background:#fff;line-height:26px;height:26px;}
.tableinfo thead{border:1px solid #999;}
.tableinfo thead tr td{text-align:center;}
#page{text-align:center;float:right;}
#page a,#page a:visited{width:60px;height:22px;line-height:22px;border:1px black solid;display:block;float:left;margin:0 3px;background:#c9c9c9;text-decoration:none;}
#page a:hover{background:#c1c1c1;text-decoration:none;}
.grayr {padding:2px;font-size:11px;background:#fff;float:right;}
.grayr a {padding:2px 5px;margin:2px;color:#000;text-decoration:none;;border:1px #c0c0c0 solid;}
.grayr a:hover {color:#000;border:1px orange solid;}
.grayr a:active {color:#000;background: #99ffff}
.grayr span.current {padding:2px 5px;font-weight:bold; margin:2px; color: #303030;background:#fff;border:1px orange solid;}
.grayr span.disabled {padding:2px 5px;margin:2px;color:#797979;background: #c1c1c1;border:1px #c1c1c1 solid;}