/*Mageger*/

.spmModel{ float:left;width:100%; text-align:left; margin-bottom:15px;}
.spmModel h1{ text-align:left;padding-left:0px; padding-left:5px;}
.spmModel h2{text-align:left;padding-left:0px; padding-left:5px;border-bottom:1px solid #ccc; }
.spmModel img{vertical-align:middle; margin-bottom:3px; margin-right:7px;}


/*gray*/
.spmHg{border-bottom:1px solid #ccc}
.spmHg, .spmHLg, .spmHRg{ background:url(../App_Themes/images/box/rouGrayBg.gif); height:28px;}
.spmHg {width:100%; background-position:0 -72px; float:left;}
.spmHLg { float:left; width:5px; background-position:0 0; }
.spmHRg{ float:right; width:5px;  background-position:0 -36px;}
.spmHCg { float:left;height:28px; text-align:left;}
.spmHCRg { float:right;height:28px; line-height:28px;padding-right:5px;}


.spmTg, .spmTLg, .spmTRg{ background:url(../App_Themes/images/box/rouGrayBg.gif); height:5px; font-size:0px;}
.spmTg {width:100%; background-position:0 -180px; float:left;}
.spmTLg { float:left; width:5px; background-position:0 -108px; }
.spmTRg { float:right; width:5px; background-position:0 -144px;}


.spmHboxg, .spmHLboxg, .spmHRboxg{ background:url(../App_Themes/images/box/rouGraybox.gif); height:5px; font-size:0px;}
.spmHboxg {width:100%; background-position:0 -72px; float:left;}
.spmHLboxg { float:left; width:5px; background-position:0 0; }
.spmHRboxg { float:right; width:5px;  background-position:0 -36px;}

.spmTboxg, .spmTLboxg, .spmTRboxg{ background:url(../App_Themes/images/box/rouGraybox.gif); height:5px; font-size:0px;}
.spmTboxg {width:100%; background-position:0 -180px; float:left;}
.spmTLboxg { float:left; width:5px; background-position:0 108px; }
.spmTRboxg { float:right; width:5px;  background-position:0 -144px;}


.spmBody{width:100%; height:100%; float:left;}
.spmBodyIn, .spmBodyIntig, .spmBodyMain{border-left:1px solid #ccc;border-right:1px solid #ccc;height:100%;overflow:auto; }
.spmBodyIn{padding:5px 10px;}
.spmBodyIntig{padding:0px}
.spmBodyMain{padding:1px;}


.logintext{width:200px;  font-size:13px;}


.logincnt{margin:10px; height:300px;}
.logincnt h3{ color:#ff8000;font-size:16px;margin-bottom:10px;}
.logincnt .spmBodyIn{padding-top:0px; padding-bottom:0px;}
.logincontent{ float:left; width:100%; margin-top:10px;}


/*userlogin*/
.logintitle{font-size: 24px; padding: 10px;padding-bottom:0px;}


.loginad{ float:left;width:55.9%; line-height:21px;}
.loginad p{ margin-bottom:10px; float:left;width:100%;}
.loginad ul{ margin-left:20px; margin-bottom:10px; float:left;width:100%;}
.loginad li{ width:100%; float:left; font-size:12px; line-height:25px; list-style-type:disc}
.loginad li.signup{list-style-type:none; margin-top:10px; margin-left:-20px}
.loginad .last{ margin-bottom:20px}


.logincontrol{ float:right; width:42%; margin-left:2%; background:#f7f7f7;}
.logincontrol dl{margin:5px 0 0 5px; float:left;width:330px; }
.logincontrol dt, 
.logincontrol dd{ float:left}
.logincontrol dt{width:100px;  display:inline-block; text-align:right;padding-right:10px;}
.logincontrol dd{width:200px; display:inline-block; height:35px;}
.logincontrol dd input{ vertical-align:middle}
.logincontrol dd a{ cursor:pointer;color:#666; vertical-align:middle;}
.logincontrol dd a:hover{color:#f60;}
.logintxt{ width:180px; height:16px; font-size:12px;padding:2px; background:url(../App_Themes/images/input_bg.png) left top no-repeat;border:1px solid #999;}


.logincontrol p{width:100%; text-align:left; margin-top:10px;border-top:1px solid #ccc; line-height:30px;float:left;}


.btnlogin{background:url(../App_Themes/images/button/orange.png) no-repeat; width:86px; height:26px; line-height:26px; text-align:center; color:#fff;border:0px; cursor:pointer; font-weight:bold;}
.btnsignup{ background:url(../App_Themes/images/button/gray.png) no-repeat; width:118px; height:28px; line-height:28px; text-align:center; color:#666;border:0px; cursor:pointer; font-weight:bold; display:block;}
a.btnsignup{color:#666 }
a.btnsignup:hover{ text-decoration:none;}

.signinsuccess{ margin:50px auto; width:100%; float:left; text-align:center; height:250px}

.signupad{ float:left;width:48%;  margin-right:2%}
.signupcontrol{ float:right; width:48%; margin-left:2%}
.signupcontrol .content{width:385px; float:left;}
.signupcontrol dl{margin:5px 0; float:left; margin-left:15px;}
.signupcontrol dt, .logincontrol dd{ float:left}
.signupcontrol dt{width:100px;  display:inline-block; text-align:right;padding-right:10px;}
.signupcontrol dd{width:200px; display:inline-block; height:35px;}
.signupcontrol dd a{ cursor:pointer;}
.signupcontrol .privacy{text-align:left;border-top:1px solid #ccc;padding-top:5px;width:100%; float:left; margin-bottom:10px;}
.signupcontrol .privacy input{ vertical-align:middle; }
.signupcontrol .signupdiv{ text-align:right; width:100%;float:left;}


/*register*/
.register{width:100%; float:left;}
.register .spmBodyIn{padding-top:7px;}

.registerhead{width:100%; float:left; border-bottom:1px solid #ccc;}

.registercnt{ float:left; width:100%;padding-top:10px;}

.registerinput{ float:left; width:830px; position:relative; }
.registerinput dt, .registerinput dd{ float:left; margin-bottom:15px}
.registerinput dt{width:200px; text-align:right;}
.registerinput dt b{ margin-right:10px; float:right}
.registerinput dd{width:630px;}
.registerinput dd ul{width:380px;padding:3px;border:1px solid #ccc;background:#f1f1f1; right:0px;margin:0px;}
.registerinput dd ul li{ margin-left:20px;list-style-type:disc}

.registerinput dd ul.tipmsg{border:1px solid #ccc;background:#f1f1f1; position:absolute;  z-index:99;}
.registerinput dd ul.errormsg{border:1px solid #f00;background:#FFEAEA;  position:absolute; z-index:1; color:#f00; }
.registerinput dd ul.sucessmsg{border:1px solid #360;background:#E1FC9A;  position:absolute; z-index:88;}

.refresh-captcha{ background:url(../App_Themes/images/sysicon.png) -1px -421px no-repeat; display:block; width:18px; height:18px;}


.registercnt p{width:100%; float:left;border-top:1px solid #ccc; padding-top:10px; margin-top:10px;}
.registercnt p u{ color:#f60}

.recovercnt { width:100%; float:left; padding-top:50px; padding-bottom:50px;}
.recovercnt p{ text-align:center; padding-bottom:30px;}
.recovercnt dl{ width:300px; margin:0 auto;}
.recovercnt dt, .recovercnt dd{ float:left;}
.recovercnt dt{ width:80px; text-align:right; margin-right:10px;}
.recovercnt dd{ width:210px; padding-bottom:8px;}
.recovercnt dd .txtinput{ width:160px;}
.btnrecover{ width:136px; background:url(../App_Themes/images/button/orange.png) 0 -26px no-repeat; height:26px;border:none;color:#fff; margin-top:10px}


.registerverification{ background:url(../App_Themes/images/smileface.png) 50px top no-repeat;margin-top:30px; float:left; width:98%}
.verificationcnt{width:70%; padding-bottom:10px; float:right;  text-align:left;}
.verificationcnt h1{padding:0px; margin-bottom:10px;border:none; width:100%; float:left;}
.verificationcnt p{padding:0; margin-bottom:5px;border:none; width:100%; float:left;}
.verificationcnt p span{ font-weight:bold; margin-right:5px;}
.verificationcnt p b{ color:#f60; padding:0 2px;}
.verificationcnt dl{ float:left; width:460px; margin-bottom:20px; margin-top:10px;}
.verificationcnt dt, .verificationcnt dd{ float:left;}
.verificationcnt dt{ width:90px; text-align:right; margin-right:10px}
.verificationcnt dd{ width:300px; padding-bottom:15px;}

.verificationnot{width:70%; padding-top:10px; float:right;}
.verificationnot p{padding-bottom:10px;border:none;}
.verificationnot ul, 
.verificationnot li{ float:left; padding:0; margin:0; width:100%;line-height:23px; list-style-type:disc;}
.verificationnot ul{ padding-bottom:10px; margin-left:10px;}
.verificationnot li b, .verificationnot li a{padding:0 5px;}

.registertitle{ float:left; width:200px;height:42px; line-height:38px; font-size:16px;}
.registerstep{ float:right; height:42px;width:650px;}
.registerstep ul, .registerstep li{ float:right;}
.registersuccess{ margin:50px auto; width:100%; float:left; text-align:center; height:250px}
.registersuccess p{ margin-bottom:20px;}

.step1, .step2, .step3, .step4, .step5, .step6, .step7, .step8, .step9{ background:url(../App_Themes/images/registerstep.png); height:35px;}

.step1{ background-position:0 0;width:20px;}
.step2{ background-position:0 -35px;}
.step3{ background-position:-24px 0;width:20px}
.step4{ background-position:0 -105px;width:20px;}
.step5{ background-position:0 -140px;}
.step6{ background-position:-24px -105px ;width:24px}
.step7{ background-position:0 -70px; width:40px;}
.step8{ background-position:0 -175px; width:40px;}
.step9{ background-position:0 -210px; width:40px;}

.step2, .step5{ height:35px; font-weight:bold;color:#333; vertical-align:middle}
.step2{color:#999}
.step2 b, .step5 b{ padding-right:5px; float:left; font-size:13px; line-height:30px}
.step2 u, .step5 u{ float:left;line-height:32px;}



/*------------------------------------------------  new login  --------------------------------------------------------------*/

/*model gray*/

.graymodel{ float:left; width:100%; margin:5px 0; background:url(../App_Themes/images/home/loginbg.png);}
.grayh, .grayf, .grayhl, .grayhr, .grayfl, .grayfr{ background:url(../App_Themes/images/box/rouGraybox.gif) }
.grayh{float:left; width:100%; background-position:0 -72px;  height:5px;}
.grayhl { float:left; width:5px; background-position:0 0;  height:5px;}
.grayhr { float:right; width:5px;  background-position:0 -36px;  height:5px;}
.grayhrc{float:right; margin-right:5px;height:28px; line-height:28px; text-align:right; cursor:pointer}
.grayf {width:100%; background-position:0 -180px; float:left; height:5px;}
.grayfl { float:left; width:5px; background-position:0 -108px; height:5px;}
.grayfr { float:right; width:5px; background-position:0 -144px;height:5px;}

.graybody { float:left;width:100%;height:100%;}
.graybodyin{border-left:1px solid #ccc;border-right:1px solid #ccc;height:100%;overflow:hidden;}


.hpbg{ background:#url(../App_Themes/images/home/dfloginbg.png) top repeat-x; }

.hplogin{ height:350px;padding:50px 30px; background:url(../App_Themes/images/home/feaubg.png) 0 130px no-repeat; }
.hploginleft{ float:left; width:47%;}
/*.hploginleft h1{ text-align:center; padding-bottom:10px; font-size:20px;}*/
.hploginleft h1{ font-size:0; padding-bottom:10px; font-size:20px; background:url(../App_Themes/images/default_eng.gif) no-repeat; width:385px; height:25px; margin-left:20px;}

.defaultnote {width:409px; height:244px; background:url(../App_Themes/images/home/default_note.png); margin-left:15px}
.defaultnote .notecnt{padding:20px;position:relative;}
.defaultnote .notecnt h2{ width:80%; padding-left:40px; margin-top:10px; height:30px; font-size:16px; font-weight:normal;}
.defaultnote .notecnt span{ background:url(../App_Themes/images/home/pin.png) no-repeat; display:block; width:33px; height:42px; position:absolute; left:30px; top:20px;}
.defaultnote .notecnt ol, .hploginleft .notecnt ol li{padding:0px; margin:0px; color:#333;}
.defaultnote .notecnt ol{ width:100%;padding-bottom:10px;}
.defaultnote .notecnt ol li{ list-style-type:decimal; margin-left:30px;line-height:20px;}


.news_cnt{ display:none}
.news_cnt ul{ margin-left:55px;}
.news_cnt ul, .news_cnt ul li{ list-style-type:disc}
.news_cnt ul li{ line-height:23px;}

.community{ width:100%; float:left; margin-top:10px;}
.community ul{ margin-left:20px;}
.community ul li{ width:135px; float:left;}
.community ul li a { text-align:left;}
.community ul li a b{ background:url(../App_Themes/images/default_icon.png) no-repeat; width:33px; height:27px; display:block; float:left; vertical-align:top; margin-top:4px;}
.community ul li a span{}
.community ul li .twitter b{ background-position:0 0; }
.community ul li .facebook b{ background-position:0 -27px; }
.community ul li .weibo b{ background-position:0 -54px;}

.hploginright{ float:right;width:450px; }

.ssllogin{ width:100%; float:left;}
.ssllogin h1{ height:38px; line-height:36px;border-bottom:1px solid #ccc; margin-bottom:10px;}
.ssllogin h1 span{ margin-left:10px;}
.ssllogin p{ margin:10px; margin-bottom:0px; border:1px solid #f60; background:#FFE2B9; padding:5px;float:left;}
.ssllogin dl{ float:left;margin-top:30px;  padding-bottom:25px; width:100%;}
.ssllogin dt, .ssllogin dd{ float:left;}
.ssllogin dt{ width:120px; text-align:right; margin-right:10px;}
.ssllogin dd{ width:250px; margin-bottom:20px; vertical-align:middle}
.ssllogin dd input{ vertical-align:middle}
.ssllogin dd .logintext{border:1px solid #B0CED9;padding:3px;}

.loginones{ width:100%; float:left; padding-top:60px; padding-bottom:80px;}
.loginones span{ display:block; width:100%; float:left; text-align:center; padding-bottom:35px;}
.loginones .login_next{ text-align:center; width:100%; float:left;}

.form_errors ul{ text-align:left;border: 1px solid #f60; margin:10px;background-color: #ffc; padding:5px;}
.form_errors li{ line-height:18px; list-style-type:none; padding-left:5px;}

.hpbtnlogin, .hpbtncancel{width:112px; height:33px; padding-bottom:8px; padding-right:10px; border:none; color:#fff; font-size:13px; font-weight:bold; cursor:pointer;background:url(../App_Themes/images/home/loginbtn.png)  0px -33px  no-repeat;}
.hpbtnlogin{ background-position:0 0;}
.hpbtncancel{ background-position:0 -33px;color:#666}

.btnregister{background:url(../App_Themes/images/button/orange.png) no-repeat; width:86px; height:26px; line-height:24px; text-align:center; color:#fff;border:none; cursor:pointer; font-weight:bold; display:block;}

.sslshadow{background:url(../App_Themes/images/home/shadow.png) no-repeat; width:463px; height:31px; float:left; margin-top:2px;}