@charset "gb2312";
body{background:#fafafa;}
select{ padding:3px;}
.accounts_top,
.accounts_top .bgl,
.accounts_top .bgm,
.accounts_top .bgr { background:#fff url(images/RegBg.png) repeat-x left 0; height:50px; overflow:hidden; }
.accounts_top { margin-top:0; background-repeat:repeat-x; background-position:left -80px; position:relative; }

.accounts_top .bgl { background-repeat:no-repeat; background-position:left 0; width:5px; float:left; overflow:hidden; }
.accounts_top h1 { background:#fff; border-top:1px solid #cecece; line-height:50px; font-family:'΢ÈíÑźÚ'; font-size:24px; padding:0 10px 0 10px; float:left;}
.accounts_top .info { float:left; line-height:42px; font-size:14px; color:#444;  }
.accounts_top .bgm { background-repeat:no-repeat; background-position:-5px 0; width:70px; float:left; }
.accounts_top .bgr { background-repeat:no-repeat; background-position:-75px 0; width:10px; float:right; overflow:hidden; }
.accounts_top .stepbtn { position:absolute; right:25px; top:0; }

.accounts_box { border-left:1px solid #cecece; border-right:1px solid #cecece; background:#fff; }

.accounts_bottom,
.accounts_bottom .bgl,
.accounts_bottom .bgm,
.accounts_bottom .bgr { background:#fff url(images/RegBg.png) repeat-x 0 -50px; height:10px; overflow:hidden; }
.accounts_bottom .bgl { background-position:0 -50px; width:10px; float:left; }
.accounts_bottom .bgm { background:#fff; border-bottom:1px solid #cecece; width:940px; height:9px; line-height:1px; font-size:1px; float:left; }
.accounts_bottom .bgr { background-position:-75px -50px; width:10px; float:right; }


.accounts_top h1.reg_ico1 { padding:0 10px 0 50px; color:#967dd9; }
.accounts_top h1.reg_ico1 em{ display:inline-block; background:url(images/lin_reg.png) repeat-x -615px -24px; width:25px; height:25px; position:absolute; left:20px; top:13px;}

.accounts_top h1.reg_ico2 { padding:0 10px 0 50px; color:#e75845; }
.accounts_top h1.reg_ico2 em{ display:inline-block; background:url(images/lin_reg.png) repeat-x -615px -124px; width:25px; height:25px; position:absolute; left:20px; top:13px;}

.accounts_top h1.reg_ico3 { padding:0 10px 0 50px; color:#8dc059; }
.accounts_top h1.reg_ico3 em{ display:inline-block; background:url(images/lin_reg.png) repeat-x -615px -224px; width:25px; height:25px; position:absolute; left:20px; top:13px;}

.accounts_top h1.reg_ico4 { padding:0 10px 0 50px; color:#42b0d8; }
.accounts_top h1.reg_ico4 em{ display:inline-block; background:url(images/lin_reg.png) repeat-x -615px -324px; width:25px; height:25px; position:absolute; left:20px; top:13px;}
.btnreg { padding: 0 0 0 15px;}
.btnreg li { width:430px; height:200px; float:left; margin:15px 17px 0; _display:inline; }
.btnreg li .boxbg { width:430px; height:180px; background:#fff url(images/RegBg.png) no-repeat 0 -150px; position:relative; cursor:pointer; }
.btnreg .btnreg2 .boxbg { background-position:0 -330px }
.btnreg .btnreg3 .boxbg { background-position:0 -510px }
.btnreg .btnreg4 .boxbg { background-position:0 -690px }
.btnreg li .shadows { height:15px; background:#fff url(images/RegBg.png) no-repeat center -870px; }
.btnreg li .boxbg h3 { height:0px; overflow:hidden; }
.btnreg li .boxbg p { padding:60px 0 0 56px; color:#fff; font-size:14px; line-height:22px; }
.btnreg li .boxbg img { position:absolute; left:10px; bottom:10px; }
.btnreg li.active .boxbg { margin-bottom:4px; margin-top:-2px;}
a.btnSignUp,
a.btnSignUp:visited{ background:url(images/RegBg.png) no-repeat right 0; display:inline-block; padding-right:10px; float:right; text-decoration:none; cursor:pointer;}
a.btnSignUp:hover{ text-decoration:underline; }
a.btnSignUp span{ background:url(images/RegBg.png) no-repeat -100px 0; display:inline-block; height:34px; padding-left:10px; margin-left:-10px; color:#FFF; font-weight:bold; line-height:34px; position:relative; float:left; }
a.btnSignUp:hover span{ text-decoration:underline; }

.FormList{ padding:20px 0;}
.FormList li { padding:8px 5px; clear:both; }
.FormList li label.form-l { width:90px; display:inline-block;*display:inline;zoom:1; text-align:right; color:#666; margin-right:5px; vertical-align:middle;font-size:14px; padding-right:10px; padding-top:3px; }
.FormList li div.form-r { width:540px; display:inline-block;*display:inline;zoom:1; vertical-align:middle; }
.FormList .FormFocus {border:1px solid #3fccf5; background:#d9f5fd; padding:7px 4px; }

.inputtext { background:url(images/RegInputBg.png) no-repeat top left; border:1px solid #B6B6B6; background-color:#9A9A9A #CDCDCD #CDCDCD #9A9A9A; padding:4px; width:250px; height:auto; margin:0;}
.w480 { width:480px;}

.inputselect { background:url(images/RegInputBg.png) no-repeat top left; border:1px solid #B6B6B6; background-color:#9A9A9A #CDCDCD #CDCDCD #9A9A9A; padding:2px; margin:0; width:260px; }
.inputcheck { margin:0; padding:0; vertical-align:middle; margin-top:-3px; cursor:pointer }

.UserType{ font-size:14px; text-align:center; padding:30px 0 0; position:relative;}
.UserType a,
.UserType a:visited{ display:inline-block; height:40px; line-height:40px; background:url(images/radio.png) no-repeat left -40px  ; font-size:14px; padding-left:10px; margin-right:10px; padding-left:15px;color:#fff; cursor:pointer;}
.UserType a strong,
.UserType a:visited strong{ display:inline-block; height:40px; background:url(images/radio.png) no-repeat right -40px; font-weight:normal; padding-right:10px; margin-right:-10px; position:relative; outline:none;}
.UserType a:hover{background:url(images/radio.png) no-repeat left -80px; text-decoration:none;}
.UserType a:hover strong{background:url(images/radio.png) no-repeat right -80px; }
.UserType a.active,
.UserType a.active:visited,
.UserType a.active:hover{ background:url(images/radio.png) no-repeat left 0; padding-left:40px; font-weight:bold; }
.UserType a.active strong,
.UserType a.active:visited strong,
.UserType a.active:hover strong{background:url(images/radio.png) no-repeat right 0; font-weight:bold;
 }

.stepBar{background:url(images/RegBg.png) repeat-x 0 -900px; height:50px; margin:0 1px;}
.stepBar ul{ padding:5px 24px 0;}
.stepBar ul li{ float:left; color:#757575; font-size:14px;}
.stepBar ul li em{background:url(images/RegBg.png) repeat-x 0 -996px; width:36px; height:36px; display:inline-block; vertical-align:middle; margin-right:15px;}
.stepBar ul li.active{ color:#6a8bab; font-weight:bold}
.stepBar ul li em.next{ background-position:0 -1040px; height:12px; width:12px; margin:11px 50px;}
.stepBar ul li em.num1{ background-position:0px -996px;}
.stepBar ul li em.num2{ background-position:-36px -996px;}
.stepBar ul li em.num3{ background-position:-72px -996px;}
.stepBar ul li em.num1_active{ background-position:0px -960px;}
.stepBar ul li em.num2_active{ background-position:-36px -960px;}
.stepBar ul li em.num3_active{ background-position:-72px -960px;}

.submitbar{border-top:1px solid #cecece; margin:0 25px 0 0; padding:20px 0;}
.RegBtnA{ background:url(images/RegBtn.png) no-repeat left top; border:none; display:inline-block; cursor:pointer; width:156px; height:46px; }
.RegBtnA:hover{ background:url(images/RegBtn.png) no-repeat left bottom;  }

.RegBtnB{ background:url(images/RegBtn.png) no-repeat right top; border:none; display:inline-block; cursor:pointer; width:156px; height:46px; margin-left:140px; }
.RegBtnB:hover{ background:url(images/RegBtn.png) no-repeat right bottom;  }

fieldset{border-top:1px solid #cecece;position:relative;margin:20px 25px 0 0; }
fieldset legend{font-weight:bold; color:#333; font-size:14px; padding:0 15px 0 10px; border-left:3px solid #333; background:#FFF; *margin-left:-8px;}

.reg_type{ margin-left:-5px; position:absolute; left:0; top:0; color:#fff; line-height:normal;}
.reg_type li{ width:250px; height:78px; background:url(images/lin_reg.png) no-repeat 0px 0px; margin-top:5px; cursor:pointer;}
.reg_type li div{ padding:12px 0 0 20px; }
.reg_type li strong{ font-family:'΢ÈíÑźÚ'; font-weight:normal; font-size:20px;}
.reg_type li p{ line-height:1.5em; padding-top:5px;}

.reg_type li.btn1{ background-position:-300px 0px; }
.reg_type li.btn2{ background-position:-300px -100px; }
.reg_type li.btn3{ background-position:-300px -200px; }
.reg_type li.btn4{ background-position:-300px -300px; }

.reg_type li.btn1active{ background-position:0px 0px; }
.reg_type li.btn2active{ background-position:0px -100px; }
.reg_type li.btn3active{ background-position:0px -200px; }
.reg_type li.btn4active{ background-position:0px -300px; }

.company_logo{float:left; width:124px; text-align:center; background:url(images/LogoBg.png) no-repeat center center;}

 
.regq{text-align:center; padding:25px 0; font-size:14px; line-height:24px;}
.loading{position:absolute; left:50px; top:8px;}

.icomsg{ height:24px; line-height:24px; padding:0 10px 0 30px; text-align:left; display:inline-block; width:160px; border-radius:5px; }
.icoError{border:1px solid #CD0A0A; background:#FEF1EC url(http://www.ef360.com/login/images/minus-octagon.png) no-repeat 5px center; color:#CD0A0A}
.icoWarning{border:1px solid #FCEFA1; background:#FBF9EE url(http://www.ef360.com/login/images/exclamation-octagon.png) no-repeat 5px center; color:#363636}
.icoOk{border:1px solid #1ca42d; background:#FBF9EE url(http://www.ef360.com/login/images/tick-octagon.png) no-repeat 5px center; color:#363636}