/*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(../images/box/rouGrayBg.gif); height:28px;}
.spmHg {width:100%; background-position:0 -72px; float:left;}
.spmHLg { float:left; width:5px; ba  ground-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(../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(../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(../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;}
.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;}

.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:340px; font-size:12px;padding:5px;  border: 1px solid #ddd; border-radius:3px;margin-top:7px;box-shadow: 0px 0px 2px #ddd inset; margin-bottom:4px; /*background:url(../images/home_key.png) 10px 0 no-repeat; padding-left:35px;*/}
.logintxt:hover, .logintxt:focus{border:1px solid #aaa;}

.loginpwd{ width:340px;  font-size:12px;padding:5px;  border: 1px solid #ddd; border-radius:3px;margin-top:7px;box-shadow: 0px 0px 2px #ddd inset; margin-bottom:4px;/* background:url(../images/home_key.png) 10px -26px no-repeat; padding-left:35px;*/}
.loginpwd:hover, .loginpwd:focus{border:1px solid #aaa;}

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

.btnlogin{background:url(../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(../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 #eee;}

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

.registerinput{ float:left; width:880px; position:relative; }
.registerinput dt, .registerinput dd{ float:left; }
.registerinput dt{width:200px; text-align:right; line-height:31px; }
.registerinput dt b{ margin-right:10px; float:right}
.registerinput dd{width:630px; padding-bottom:10px;}
.registerinput dd ul{width:380px;padding:3px;border:1px solid #ccc;background:#f1f1f1;border-radius:4px; 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(../images/sysicon.png) -1px -421px no-repeat; display:block; width:18px; height:18px;}
.prompt{ padding: 2px 5px; }
.promptdiv { margin-top: 6px; }



.logintext { width: 260px;height: 21px; font-size: 12px;padding: 5px;border: 1px solid #ddd; border-radius: 3px;box-shadow: 0px 0px 1px #ddd inset;}
.logintext:hover, .logintext:focus{border:1px solid #aaa;}
select.logintext{ width:272px; height:32px; font-size:12px;padding:5px;  border: 1px solid #ddd; border-radius:3px;box-shadow: 0px 0px 2px #ddd inset; }
select.logintext:hover, select.logintext:focus{border:1px solid #aaa;}

.loginvalidationcode{ width:140px; height:21px; float:left; font-size:12px;padding:5px;  border: 1px solid #ddd; border-radius:3px;box-shadow: 0px 0px 1px #ddd inset; }
.loginvalidationcode:hover, .loginvalidationcode:focus{border:1px solid #aaa;}

.refresh-captcha{ float:left; margin-left:10px;}
.refresh-img{ float:left; margin-left:10px;}


.btnregister{ width:146px; height:40px;border:none; float:left; line-height:40px; color:#fff; font-size:14px; text-align:center; display:block;border-radius:4px;background:#03529E; }
.btnregister:hover{background:#024588; text-decoration:none; cursor:pointer}

.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:400px; margin:0 auto;}
.recovercnt dt, .recovercnt dd{ float:left;}
.recovercnt dt{ width:80px; text-align:right; margin-right:10px; line-height:32px;}
.recovercnt dd{ width:310px; padding-bottom:8px;}
.recovercnt dd .txtinput{ width:272px; height:22px; font-size:12px;padding:5px;  border: 1px solid #ddd; border-radius:3px;box-shadow: 0px 0px 2px #ddd inset; }
.recovercnt dd .txtinput:hover, select.logintext:focus{border:1px solid #aaa;}

.btnrecover{ width:146px; height:40px;border:none; float:left; line-height:40px; color:#fff; font-size:14px; text-align:center; display:block;border-radius:4px;background:#03529E; }
.btnrecover:hover{background:#024588; text-decoration:none; cursor:pointer}

.registerverification{ background:url(/dist/Skins/V1/images/smileface.png) 50px top no-repeat;margin-top:30px; float:left; width:100%}
.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:100%; background:url(/dist/Skins/V1/images/seminar.gif) top repeat-x;float:left;}
.verificationnot p{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:20px;}
.verificationnot li b, .verificationnot li a{padding:0 5px;}

.registertitle{ float:left; width:200px;height:42px; line-height:38px; font-size:16px; margin-left:10px;}
.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;}

.padding-top-10{ padding-top:10px}

.step1, .step2, .step3, .step4, .step5, .step6, .step7, .step8, .step9{ background:url(/dist/Skins/V1//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  --------------------------------------------------------------*/
.browsermessage{ width:100%; float:left;}
.browsermessage p{padding:10px;padding-left:35px; text-align:left;border-bottom:1px solid #eee; margin:1px;background:url(../images/icons/error_icon.png) 10px 18px no-repeat;color:#d11421;}

/*model gray*/

.graymodel{ float:left; width:100%; margin:5px 0;
            box-shadow: 3px 4px 0px rgba(238, 238, 238, 1);border: 1px solid #000;border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius:4px;margin-top:0px;background:#fff; margin-bottom:20px;}

.grayh, .grayf, .grayhl, .grayhr, .grayfl, .grayfr{ background:url(../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;}

.hpbrow{width:100%; float:left; background:#fefefe;}

.hpbrow h2{ font-size:12px;vertical-align:middle; padding:0; margin:0; text-align:left; margin-top:20px; margin-left:15px;}

.hpbrow .notes{ margin:15px 0 20px 0; text-align:left;color:#f60; margin-left:15px;}
.homebrowser{ float:left;}
.homebrowser li{ float:left; padding:0 15px;}

.homebrowser li i{ float:left;}
.homebrowser li span{ float:left; font-size:14px; line-height:30px;  padding-bottom:20px; color:#999; margin-left:10px;}
.homebrowser [class*=' fa-']:not(.fa-stack), .homebrowser [class^=fa-]:not(.fa-stack){font-size:30px; line-height:30px; height:30px; color:#999}
.homebrowser li:hover [class*=' fa-']:not(.fa-stack), .homebrowser li:hover [class^=fa-]:not(.fa-stack){font-size:30px; line-height:30px; height:30px; color:#333; }
.homebrowser li:hover span{color:#333;}

.homebrowser li span.edge{ display:block; float:left; width:30px; height:30px; background:url(../images/edge.png) no-repeat;}
.homebrowser li span.edge:hover{ background:url(../images/edge.png) no-repeat -31px 0;}

.footer.footer{ background:transparent}

.hplogin{  width:100%; float:left;border-bottom: 1px solid #eee;}
.hploginleft{ float:left; width:50%; box-shadow: 4px 0px 0px #eee;border-right: 1px solid #ccc; background:#fff; min-height:360px; /*height:380px;*/margin-left:10px; }
/*.hploginleft h1{ text-align:center; padding-bottom:10px; font-size:20px;}*/
.hploginleft h1{ font-size:0; font-size:20px; width:385px; height:25px; margin-left:20px;}

.defaultnote {width:409px; height:244px; background:url(../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(../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(../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:46%; }

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

.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; margin:0 20px;background:url(../images/icons/error_icon.png) left no-repeat; padding:5px; padding-left:20px; color:#d11421;}
.form_errors li{ line-height:18px; list-style-type:none; padding-left:5px;}

.hpbtnlogin, .hpbtncancel{width:146px; height:40px; line-height:40px; margin-right:15px; border:none; color:#fff; 
                          font-size:13px; cursor:pointer;}
.hpbtnlogin{ border-radius:4px;background:#C00; }
.hpbtnlogin:hover{ border-radius:4px;background:#B00; }
.hpbtncancel{ border-radius:4px;background:#bbb; }
.hpbtncancel:hover{ border-radius:4px;background:#ccc; }  

.hploginright h2{ font-size:16px; color:#333; text-align:center; margin:15px auto; margin-top:104px; }
.hploginright p{ font-size:14px; color:#333; text-align:center;  margin:15px auto; }
a.hp_login_signup{ width:146px; height:40px; margin:0 auto; line-height:40px; color:#fff; font-size:14px; text-align:center; display:block;border-radius:4px;background:#03529E; }
a.hp_login_signup:hover{background:#024588; text-decoration:none; cursor:pointer}

.hp_login_signin{ width:146px; height:40px; line-height:40px; color:#fff; font-size:14px; text-align:center; display:block;border:none;
            border-radius:4px;background:#DF4C43;float:left;  }
.hp_login_signin:hover{text-decoration:none; cursor:pointer;background:#CF2C23; }

.hpgarden{ width:100%; float:left;}
.hpgarden p{border:none;color:#B00;border-radius:2px; background:#fff; padding:0; margin:0; margin-top:10px; width:420px;}
.hpgarden1{ width:93%; float:left;border-top:1px solid #ccc; margin-top:50px; padding-top:10px;}
.hpgarden1 p{border:none;color:#B00;background:#fff; padding:0; margin:0; margin-top:10px; width:420px; text-align:left;}
.hpgarden1 img { float:left; margin-right:10px; margin-top:10px; max-width:100px;}


.hp_login_garden{ background:none; margin-top:10px; color:#002398; font-size:12px; text-align:left; border:none;
           text-decoration:none; padding:0; margin:0;}
.hp_login_garden:hover{text-decoration:underline; cursor:pointer; }

/*
#divShowGarden p{border:1px solid #156A2F;border-radius:2px; background:#fff; padding:0; margin:0; margin-top:10px; padding:10px; width:420px; }

#divShowGarden p span{border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 10px solid #22b14c;   position:absolute;top:-10px; left:220px;}
*/
.topbar{ height:100px; line-height:120px;}

.topbar .topleft{ float:left; width:800px;}

.topbar .topleft .logo a{ float:left; margin-top:35px;}
.topbar .topleft .logo b{ line-height:80px; float:left;  font-size:26px; margin-left:20px;}
.topbar .topright{ float:right; height:80px; width:140px; line-height:100px; text-align:right;}
.topbar .topright a{ margin-left:10px;}

#register-body .form-horizontal .form-group { margin-bottom: 15px !important}
.mt-element-step .step-thin .mt-step-title{ font-size:18px!important;}
body{background:#fff!important}


.registerform .form-group{ padding-bottom:5px;}