@import url("Layout.css");
@import url("Font.css");
@import url("Style.css");

/*======================================== main ========================================*/

#help{width:996px;margin:0px auto;}
#help #help-l{width:170px; float:left;}
#help #help-r{width:800px; float:right;}

#help-l h4{ margin:5px auto; height:235px; clear:both;}
#help-l #hmenu{ width:100%; margin:4px auto; background:url(../images/hmmid.gif) repeat-y;}
#hmenu h5{width:100%; height:60px; line-height:60px; background:url(../images/hmtop.gif) no-repeat left bottom #fff; clear:both; overflow:hidden;}
#hmenu h5 span{ width:100%; display:block; text-align:left; text-indent:20px; height:16px; line-height:16px;font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#fff; margin-top:8px;}
#hmenu h5 span.htit{ height:30px; line-height:24px; font-size:14px; margin-top:0px; font-weight:bold;}
#hmenu h5.combot{width:100%; height:12px; line-height:12px; background:url(../images/hmbot.gif) no-repeat left top #fff; clear:both;}
#hmenu ul{width:140px; float:left; margin-left:15px; _margin-left:8px;}
#hmenu ul li{width:100%; text-align:left; height:24px; line-height:24px; text-indent:24px; background:url(../images/lmOff.gif) no-repeat 6px 6px; border-bottom:1px solid #FFE5CA; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#hmenu ul li a:hover{ background:#ee0000; color:#fff; text-decoration:none;}

#help-l #listus{ width:170px; margin:5px auto; float:left; border:1px solid #e4f4fc;}
/*========================================Right ======================================== */

#help-r h2{width:100%; height:50px; margin-bottom:8px; clear:both; overflow:hidden; background:#ccc; margin-top:5px;}

#help-r #hcon{ width:100%; margin:0px auto; background:url(../images/hconmid.gif) repeat-y; margin-top:5px; *+margin-top:-7px;_margin-top:-7px;}
#hcon h1{width:100%; height:24px; line-height:24px; background:url(../images/hctop.gif) no-repeat left bottom #fff; clear:both; overflow:hidden;}
#hcon h1.cot{width:100%; height:13px; line-height:13px; background:url(../images/hconbot.gif) no-repeat left top #fff; clear:both;}

#help-r h5{width:96%;height:24px; line-height:24px; text-align:left; background:url(../images/cti.png) no-repeat 4px 5px; text-indent:22px; font-size:12px; color:#f60; font-weight:bold;margin:0px auto; clear:both;}
#help-r h5.page{ background:none; margin-top:10px;}
#help-r h5 img{ cursor:pointer;}
#help-r #helpshow{ width:96%;margin:0px auto; overflow:hidden;}
#helpshow dl{width:115px; float:left; margin:20px 40px 10px 30px;}
#helpshow dl dt{width:100%; height:60px; text-align:center;}
#helpshow dl dd{width:100%; background:url(../images/theme.gif) no-repeat center center; height:24px; line-height:24px; color:#fff; text-align:center; font-size:12px; font-weight:bold;}
#helpshow a{cursor:pointer;}

#help-r #helpstep{ width:760px;margin:0px auto; overflow:hidden;}
#helpstep dl{width:100%; float:left;height:180px;}
#helpstep dl dt{width:120px; float:left; height:60px; text-align:center;}
#helpstep dl dd{width:600px; float:right; height:24px; line-height:24px;text-align:left; font-size:12px; background:url(../images/5.gif) no-repeat 6px 7px; text-indent:15px;}

#help-r #helpnews{width:760px;margin:5px auto; overflow:hidden;}
#helpnews ul{width:100%; float:left;}
#helpnews ul li{width:100%; height:24px; line-height:24px; text-align:left; text-indent:5px; overflow:hidden;border-bottom:1px dashed #ccc;}
#helpnews ul li a{float:left;height:24px; line-height:28px;overflow:hidden;}
#helpnews ul li span{ width:20px; float:left; height:24px; line-height:24px; font-family:Arial, Helvetica, sans-serif;font-weight:bold; }
#helpnews ul li a:hover{ text-decoration:underline; color:#333;}


#help-r #newsid{width:760px;margin:5px auto; overflow:hidden;}
#newsid h6{width:100%;margin:0px auto; height:28px; line-height:28px; text-align:left; background:url(../images/ask.gif) no-repeat 0px 0px; text-indent:30px; font-size:14px; color:#dd0000; font-weight:bold;clear:both;}
#newsid h6.da{background:url(../images/da.gif) no-repeat 0px 0px; margin-top:5px;}
#newsid h6.tong{ color:#333; background:none; text-indent:0px; font-size:12px; margin-top:10px;}
#newsid h6.cong{ color:#333; background:none; text-indent:15px; font-size:12px; font-weight:normal;background:url(../images/5.gif) no-repeat 6px 7px;}
#newsid .answer{ width:100%; margin:5px auto; padding-top:15px; text-align:left; text-indent:30px; height:auto; line-height:22px; white-space:normal;background:url(../images/da.gif) no-repeat 0px 0px #ffffee;}

#help-r .tit{ margin:5px 0px; text-align:left; height:90px;}
#help-r .content{width:96%; margin:5px auto; height:100%; text-indent:24px; text-align:left; line-height:24px; font-size:12px;}
#help-r .content p{ text-indent:24px; height:auto; line-height:24px; font-size:12px; margin-top:8px;}
#help-r .content b{ display:block; color:#02418A; text-indent:0px;}
#help-r .sm{border-bottom:1px solid #D9D9D9; padding-bottom:5px;padding-top:20px; text-align:left;}
#help-r .smcon{padding-top:15px;padding-bottom:20px;font-size:11px; font-family: Verdana;line-height: 200%; color:#555555; line-height:190%; padding-left:5px; text-align:left;}
/*========================================about us ======================================== */
#help-r .aboutus{ width:100%;margin:0px auto;}
#help-r .aboutus h4{ width:100%; height:32px; line-height:32px; text-align:left; text-indent:36px; background:url(../images/name_ico.gif) no-repeat 12px 7px; color:#02418A; margin-bottom:10px;}

/*========================================map ======================================== */
#help-r #map{width:96%; margin:0px auto;text-align:center; overflow:hidden;}
#map .mapitem{width:168px; float:left;background:url(../images/mapmid.gif) repeat-y; margin:10px 12px 0px 12px;_margin:10px 10px 0px 10px;}
#map .mapitem h2{ width:100%; margin:0; padding:0; height:56px; line-height:56px; background:url(../images/qtop.gif) no-repeat left bottom #fff;}
#map .mapitem h2.c1{background:url(../images/Traintop.gif) no-repeat left bottom #fff;}
#map .mapitem h2.c2{background:url(../images/infotop.gif) no-repeat left bottom #fff;}
#map .mapitem h2.c3{background:url(../images/huntertop.gif) no-repeat left bottom #fff;}
#map .mapitem h2.c4{background:url(../images/schooltop.gif) no-repeat left bottom #fff;}
#map .mapitem h2.c5{background:url(../images/helptop.gif) no-repeat left bottom #fff;}
#map .mapitem h2.bot{ height:6px; line-height:6px;background:url(../images/mapbot.gif) no-repeat left top #fff;}
#map .mapitem h6{ width:100%; margin:2px auto; background:url(../images/maph2.gif) no-repeat left top; height:20px; line-height:20px;text-align:left; font-size:12px; text-indent:40px;}
#map .mapitem ul{width:100%; clear:both;}
#map .mapitem ul li{width:100%; height:22px; line-height:22px; text-align:left; background:url(../images/lim.gif) no-repeat 40px 6px; text-indent:50px;}


/*========================================connect us ======================================== */

#help-r #conus{ width:100%;margin:0px auto;}
#conus dl{ width:100%;background:url(../images/ntitle.gif) repeat-x; width:728px; height:150px;clear:both;}
#conus dl dt{width:290px; float:left; text-align:center; font-weight:bold; color:#333; height:90px; margin-top:15px; margin-left:5px;}
#conus dl dt img{ border:1px solid #A3BFE8; width:240px; height:120px;}
#conus dl dd{width:400px; float:left; text-align:left; height:20px;line-height:22px;margin-top:15px;}

#help-r #accout{ width:100%;margin:10px auto;}
#accout h4{ width:100%; height:28px; line-height:28px; text-align:left; text-indent:32px;background:url(../images/name_ico.gif) no-repeat 12px 5px; color:#02418A;  border-bottom:2px solid #A8CADF;}
#accout dl{ width:100%; width:728px; height:80px; background:#F1F7FD;clear:both; margin-top:10px;}
#accout dl dt{width:220px; float:left; text-align:center; font-weight:bold; color:#333; margin-top:5px; margin-left:5px;}
#accout dl dd{width:480px; float:left; text-align:left; height:18px;line-height:18px;margin-top:6px;}
#accout .bz{width:100%; height:28px; line-height:28px; text-align:left; text-indent:24px; }

/*======================================== adviser ======================================== */
#help-r #advise{ width:100%;margin:0px auto; background:url(../images/nbg.gif) no-repeat left top;}
#advise h4{ width:100%; height:32px; line-height:32px; text-align:left; text-indent:36px; background:url(../images/name_ico.gif) no-repeat 12px 7px; color:#02418A; margin-bottom:20px;}
#advise dl{ width:100%;clear:both;}
#advise dl dt{width:100px; float:left; text-align:center; font-weight:bold; height:28px; line-height:28px;}
#advise dl dd{width:670px; float:left; text-align:left; height:28px; line-height:28px;}


/*======================================== work ======================================== */
#help-r #work{ width:100%;margin:10px auto; text-align:left; line-height:22px;}
#work h4{ width:100%; height:32px; line-height:32px; text-align:left; text-indent:36px; background:url(../images/name_ico.gif) no-repeat 12px 7px; color:#02418A; margin-bottom:20px;}

/*========================================friendlink ======================================== */
#help-r #portocol{ width:98%; margin:0px auto;}
#portocol h6{ width:100%; height:24px; line-height:24px; text-align:left; text-indent:32px; background:url(../images/name_ico.gif) no-repeat 6px 1px;}
#portocol ul#zi{ width:100%; margin:5px auto 5px 5px; clear:both;}
#portocol ul#zi li{ width:24.5%; float:left;height:22px; line-height:22px; text-align:left; text-indent:12px;}


#portocol dl#tu{ width:100%; margin:5px auto 5px 5px;}
#portocol dl#tu dt{ width:110px; float:left; height:45px;}
#portocol dl#tu dt img{ width:105px; height:40px; border:1px solid #ccc;}

#portocol dl#shen{width:100%; margin:5px auto;}
#portocol dl#shen dt{width:90px; float:left; height:26px; line-height:26px; text-align:right;}
#portocol dl#shen dd{ width:240px; float:left; height:26px; line-height:26px; text-align:left;}

#portocol ul.sm{ width:100%; margin:0px auto 5px 5px; border:none;}
#portocol ul.sm li{ width:100%; height:22px; line-height:22px; text-align:left;}
#portocol ul.sm li.hh{ height:auto;}


/*========================================FAQ ======================================== */
#MasterDiv2{width:730px;margin:10px;}
.MenuTitle3{width:100%;font-weight:bold;font-size:14px;color:#444444;cursor:pointer;background:url(../Images/help_2.gif) no-repeat 2px 4px; height:28px;line-height:28px; text-align:left; text-indent:28px;}
.SubMenu3{ width:100%; margin:0px auto; padding:5px;font-size:12px;line-height:24px; text-align:left; text-indent:24px;background:#ffeeee;}
.MenuTitle4{font-weight:bold;font-size:14px;color:#222222;cursor:pointer;background:url(../Images/char.gif) no-repeat 4px 6px #fff;height:28px;line-height:28px; text-align:left; text-indent:30px; border:1px solid #ffeeee;}

/*======================================== pay ==================================================*/


.sbtn{ border:none; background:url(../images/btntj.gif) no-repeat; width:90px; height:23px; color:#fff; cursor:pointer; font-weight:bold;}

#help-r #pay{width:760px; margin:10px auto;}
#pay h6{ width:100%;height:26px;line-height:26px; text-align:center;font-size:14px;}
#pay h6 p{width:120px;cursor:pointer;float:left;text-indent:0px;}
#pay h6 p.mOut{ width:121px; background:url(../images/vouoff.gif) no-repeat; font-weight:normal; color:#000;border-bottom:1px solid #B9C7D6;}
#pay h6 p.mOn{ width:135px;background:url(../images/vouon.gif) no-repeat; border-bottom:1px solid #fff;}
#pay h6 p.sp{width:9px;height:26px;border-bottom:1px solid #B9C7D6;}
.pay-c{ width:100%;border:none;}
.pay-c h4{width:100%;height:24px;line-height:24px; text-align:left; font-size:12px;color:#f60;}
.pay-c dl{width:100%; margin:10px auto; clear:both; height:85px; overflow:hidden; padding-top:10px;}
.pay-c dl.gs{background:#ffffdd; padding-top:5px;}
.pay-c dl dt{width:180px; float:left; text-align:center;height:85px; padding-top:6px;}
.pay-c dl dd{width:580px; float:left; height:auto; line-height:24px; text-align:left; text-indent:0px;}
.pay-c dl dd span{ font-weight:bold; color:#ee0000; font-family:Arial, Helvetica, sans-serif;}
.pay-c dl dd.chonz{ height:30px; line-height:30px;}
.pay-c ul{width:100%; margin:5px auto; clear:both;}
.pay-c ul li{width:100%; height:auto; line-height:22px; text-align:left;}