/* ========== 全局CSS定义 ====== */

body {
    font: 12px verdana,"宋体", arial;
    margin: 0 auto;
    padding: 0;
    background: #FFF;
    color: #333;
	text-align: center;
}


div,form,img,ul,ol,li,dl,dt,dd,p { margin: 0; padding: 0; border: 0;}
li { list-style:none;}
h1,h2,h3,h4,h5,h6,input,textfield { margin: 0; padding: 0;}
table,td,tr,th { font-size: 12px;}
td {line-height: 170%;}

/* ========== 链接颜色 ====== */

a:link { color: #333; text-decoration:underline;}
a:visited { color: #333;text-decoration:underline;}
a:hover { color: #f60; text-decoration:none;}
a:active { color: #800080;}

/* ========== 字体属性 ====== */

.cRed,a.cRed:link,a.cRed:visited { color: #F00; }
.cBlue,a.cBlue:link,a.cBlue:visited { color: #1f3a87;}
.cBlack,a.cBlack:link,a.cBlack:visited { color: #000;}
.fB { font-weight: bold;}
.fI { font-style: italic;}
.f12 { font-size: 12px;}
.f14 { font-size: 14px;}
.fb {color: #000;}
.fred {color: #F00; font-weight: normal;}

/* ========== 其它 ====== */
.clear { clear: both; font-size: 1px; width: 1px; visibility: hidden;}


/* ========== Header ====== */

.topnav {border-bottom: 3px #469c25 solid;}

.reg_info {border: 1px #d7d7d7 solid;padding: 15px;}

.reg_info_title {background-color: #aedb98;font-size: 14px;padding: 0 10px;height: 25px;text-align: left;color: #000;}

.regspc {border-bottom: 1px #CCC solid;height: 35px; padding: 0 5px;}

.reg_rightbox {border: 1px #c5c5c5 solid; background-color: #f4eee9; line-height: 24px; text-align: left;}

.login_text {line-height: 24px;}

.logininfo td {padding: 5px;}

.logininfo input {padding: 1px;}


/* ========== registercontent ====== */

DIV.HackBox {
	CLEAR: both; BORDER-TOP: 0px; MARGIN-TOP: 0px; VISIBILITY: hidden
}
#logohead {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 750px; PADDING-TOP: 0px
}
#logohead DIV.logo {
	FLOAT: left; WIDTH: 193px; HEIGHT: 50px
}
#logohead DIV.topcontent {
	FONT-SIZE: 12px; FLOAT: right; WIDTH: 540px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 18px; TEXT-ALIGN: right
}
#logohead DIV.bottomcontent {
	FLOAT: right; WIDTH: 540px; HEIGHT: 32px; TEXT-ALIGN: left
}
#headinfo DIV.topinfo {
	FONT-SIZE: 12px; WIDTH: 750px; TEXT-ALIGN: right
}
#headinfo DIV.bottominfo {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #f1f1f1; WIDTH: 750px; HEIGHT: 25px; TEXT-ALIGN: left
}
#headinfo DIV.bottominfo UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px; LIST-STYLE-TYPE: none
}
#headinfo DIV.bottominfo UL LI {
	FLOAT: left; MARGIN-RIGHT: 15px
}
#title {
	PADDING-RIGHT: 0px; MARGIN-TOP: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 750px; PADDING-TOP: 0px
}
#title DIV.orangebar {
	MARGIN-TOP: 30px; FLOAT: left; MARGIN-BOTTOM: 5px; WIDTH: 750px; HEIGHT: 40px; TEXT-ALIGN: left
}
#title DIV.graybar {
	BORDER-TOP: #ff7300 3px solid; BACKGROUND: #e7e7e7; FLOAT: left; WIDTH: 750px; HEIGHT: 40px; TEXT-ALIGN: left
}
#title DIV.lefttitle {
	MARGIN-TOP: 3px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 25px; FLOAT: left; WIDTH: 500px
}
#title DIV.lefttitle1 {
	MARGIN-TOP: 3px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 25px; FLOAT: left; WIDTH: 300px
}
#title DIV.lefttitle2 {
	PADDING-RIGHT: 0px; MARGIN-TOP: 5px; PADDING-LEFT: 0px; FONT-SIZE: 14px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 700px; LINE-HEIGHT: 180%; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#title DIV.rightword {
	MARGIN-TOP: 15px; FONT-WEIGHT: bold; FONT-SIZE: 25px; FLOAT: right; WIDTH: 80px
}
#title DIV.img2300 {
	MARGIN-TOP: 3px; FLOAT: left; MARGIN-LEFT: 100px; WIDTH: 330px
}
#register {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 750px; PADDING-TOP: 0px
}
#register DIV.leftorange {
	BACKGROUND: #ff7300; FLOAT: left; WIDTH: 15px; HEIGHT: 1200px
}
#register DIV.rightinfo {
	MARGIN-TOP: 10px; FLOAT: right; WIDTH: 735px
}
#register DIV.word {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 95%; TEXT-ALIGN: left
}
#register w {
	COLOR: #ff0000
}
#register DIV.title {
	FLOAT: right; MARGIN: 0px; WIDTH: 720px; PADDING-TOP: 8px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 28px
}
#register DIV.title UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px; LIST-STYLE-TYPE: none; TEXT-ALIGN: right
}
#register DIV.title UL LI {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: right; WIDTH: 200px; COLOR: #666666
}
#register DIV.content {
	PADDING-RIGHT: 0px; MARGIN-TOP: 8px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 3px; WIDTH: 720px; PADDING-TOP: 3px
}
#register #name {
	MARGIN-TOP: 4px; FLOAT: left; WIDTH: 135px
}
#register #name DIV.text {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; WIDTH: 118px; TEXT-ALIGN: right
}
#name DIV.redstar {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: right; WIDTH: 10px; COLOR: #ff0000; MARGIN-RIGHT: 3px; TEXT-ALIGN: right
}
DIV.input {
	FONT-SIZE: 12px; FLOAT: left; WIDTH: 257px; TEXT-ALIGN: left
}
DIV.inputwidth {
	FLOAT: left; WIDTH: 257px
}
DIV.input1 {
	FONT-SIZE: 12px; WIDTH: 257px; TEXT-ALIGN: left
}
DIV.input2 {
	FONT-SIZE: 12px; WIDTH: 257px; TEXT-ALIGN: left
}
DIV.note {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: #ffffff; FLOAT: right; PADDING-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 310px; COLOR: #999999; LINE-HEIGHT: 130%; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffff 1px solid; TEXT-ALIGN: left
}
DIV.notetrue {
	BORDER-RIGHT: #485e00 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #485e00 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: #f7ffdd; FLOAT: right; PADDING-BOTTOM: 3px; BORDER-LEFT: #485e00 1px solid; WIDTH: 310px; COLOR: #485e00; LINE-HEIGHT: 130%; PADDING-TOP: 3px; BORDER-BOTTOM: #485e00 1px solid; TEXT-ALIGN: left
}
DIV.noteawoke {
	BORDER-RIGHT: #ff7300 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ff7300 1px solid; PADDING-LEFT: 3px; BACKGROUND: url(http://localhost/buyfar.member/member/images/icon_noteawake_16x16.gif) #fff5d8 no-repeat 2px 3px; FLOAT: right; PADDING-BOTTOM: 3px; MARGIN: 0px; BORDER-LEFT: #ff7300 1px solid; WIDTH: 310px; LINE-HEIGHT: 130%; PADDING-TOP: 3px; BORDER-BOTTOM: #ff7300 1px solid; TEXT-ALIGN: left
}
DIV.noteawoke H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 18px; COLOR: #000000; PADDING-TOP: 0px
}
DIV.button {
	FONT-SIZE: 12px; FLOAT: left; WIDTH: 257px; TEXT-ALIGN: left
}
#operation {
	BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 15px; WIDTH: 650px
}
#operation DIV.article {
	PADDING-RIGHT: 5px; MARGIN-TOP: 15px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; WIDTH: 650px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
#operation DIV.dm {
	FONT-SIZE: 12px; WIDTH: 310px; TEXT-ALIGN: center
}
#operation DIV.button {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; WIDTH: 650px; PADDING-TOP: 15px; TEXT-ALIGN: center
}
#operation1 {
	BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 15px; MARGIN-LEFT: 25px; WIDTH: 650px
}
#operation1 DIV.article {
	PADDING-RIGHT: 5px; MARGIN-TOP: 15px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; WIDTH: 650px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
#operation1 DIV.article1 {
	FONT-SIZE: 12px; WIDTH: 650px; TEXT-ALIGN: center
}
#operation1 DIV.dm {
	FONT-SIZE: 12px; WIDTH: 310px; TEXT-ALIGN: center
}
#operation1 DIV.button {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; WIDTH: 650px; PADDING-TOP: 15px; TEXT-ALIGN: center
}
#bottom {
	BORDER-TOP: #ff7300 3px solid; FONT-SIZE: 12px; FLOAT: left; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 10px
}
#validate {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 700px; PADDING-TOP: 0px
}
#validate DIV.area {
	BORDER-RIGHT: #ff7300 1px solid; PADDING-RIGHT: 30px; BORDER-TOP: #ff7300 1px solid; MARGIN-TOP: 30px; PADDING-LEFT: 30px; FONT-SIZE: 14px; BACKGROUND: #fff5d8; PADDING-BOTTOM: 30px; BORDER-LEFT: #ff7300 1px solid; WIDTH: 630px; LINE-HEIGHT: 150%; PADDING-TOP: 30px; BORDER-BOTTOM: #ff7300 1px solid
}
#validate DIV.imgcando {
	PADDING-RIGHT: 10px; MARGIN-TOP: 20px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 600px; PADDING-TOP: 10px
}
#validate DIV.imgarea {
	PADDING-RIGHT: 0px; MARGIN-TOP: 10px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 54px; PADDING-TOP: 0px
}
#validate DIV.wordarea {
	PADDING-RIGHT: 0px; MARGIN-TOP: 18px; PADDING-LEFT: 0px; FONT-SIZE: 14px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 640px; LINE-HEIGHT: 150%; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#validate DIV.wordarea1 {
	PADDING-RIGHT: 0px; MARGIN-TOP: 18px; PADDING-LEFT: 0px; FONT-SIZE: 14px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 640px; LINE-HEIGHT: 150%; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#validate DIV.line {
	PADDING-RIGHT: 0px; MARGIN-TOP: 5px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 640px; PADDING-TOP: 0px; BORDER-BOTTOM: #eeeeee 1px solid; HEIGHT: 10px
}
#validate DIV.successarea {
	PADDING-RIGHT: 0px; MARGIN-TOP: 30px; PADDING-LEFT: 0px; FONT-SIZE: 14px; MARGIN-BOTTOM: -20px; PADDING-BOTTOM: 0px; WIDTH: 300px; LINE-HEIGHT: 150%; PADDING-TOP: 0px; TEXT-ALIGN: center
}
#athena {
	PADDING-RIGHT: 0px; MARGIN-TOP: 5px; PADDING-LEFT: 0px; BACKGROUND: #b5b5b5; PADDING-BOTTOM: 0px; WIDTH: 750px; PADDING-TOP: 0px
}
#athena DIV.leftarea {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 250px; PADDING-TOP: 10px
}
#athena DIV.picframe {
	MARGIN-TOP: 10px; WIDTH: 235px
}
#athena DIV.wordframe {
	BORDER-RIGHT: #9a9a9a 3px solid; BORDER-TOP: #9a9a9a 3px solid; BACKGROUND: #ffffff; BORDER-LEFT: #9a9a9a 3px solid; WIDTH: 235px; BORDER-BOTTOM: #9a9a9a 3px solid; HEIGHT: 300px
}
#athena DIV.text {
	MARGIN-TOP: 5px; FONT-WEIGHT: normal; FONT-SIZE: 14px; WIDTH: 215px; LINE-HEIGHT: 150%; TEXT-ALIGN: left
}
#athena DIV.img {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; WIDTH: 215px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
#athena DIV.line {
	MARGIN-BOTTOM: 8px; WIDTH: 95%; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 8px
}
#athena DIV.centerarea {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 250px; PADDING-TOP: 10px
}
#athena DIV.rightarea {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 250px; PADDING-TOP: 10px
}
#athena DIV.imgapplicationathena {
	WIDTH: 500px
}
.regStatBar {
	BACKGROUND-IMAGE: url(http://localhost/buyfar.member/member/images/regStat_bg.gif); WIDTH: 750px; HEIGHT: 28px
}
.regStatBar DIV {
	FONT-SIZE: 14px; FLOAT: left
}
.regStatBar .itemHead {
	WIDTH: 30px
}
.regStatBar .itemActived {
	BORDER-RIGHT: #ff7300 1px solid; BORDER-TOP: #ff7300 3px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ff7300 1px solid; WIDTH: 150px; COLOR: #ff7300; PADDING-TOP: 5px; HEIGHT: 28px; BACKGROUND-COLOR: #f4f2f2; TEXT-ALIGN: center
}
.regStatBar .itemNormal {
	FONT-WEIGHT: bold; WIDTH: 150px; COLOR: #999999; LINE-HEIGHT: 150%; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.regStatBottom {
	PADDING-RIGHT: 5px; FONT-SIZE: 12px; WIDTH: 750px; PADDING-TOP: 2px; HEIGHT: 10px; BACKGROUND-COLOR: #f4f2f2; TEXT-ALIGN: right
}