.tem01-register{background-color:#fff;background-position:center top;background-attachment:fixed;background-size:100% 100%;background-repeat:no-repeat;position:relative;z-index:1}
.tem01-register-sm{padding: 0;width: 80%;margin: auto;height: 100vh;display: flex;display: -webkit-flex;flex-wrap:wrap;}
.tem01-register{background-color:#fff;background-position:center top;background-attachment:fixed;box-shadow: none;background-size:100% 100%;background-repeat:no-repeat;position:relative;z-index:1;background-color:#f8f7fa;}
.tem01-register-sm .register-content{padding-top:10px;font-size:13px}
.tem01-register-sm .register-content a{color:#888}
.tem01-register-sm .register-content a:hover{color:#0093DD}
.tem01-register-sm .icon-error{color:red;padding:5px 0}
.tem01-register-sm .form-group.emailBox,
.tem01-register-sm .form-group.passwordBox{position:relative}
.tem01-register-sm .register-content .btn{font-size:14px;margin:0 auto;display:block;padding:9px 35px;color:#fff;margin-bottom: 10px;border-radius: 6px;width: 100%;padding: 18px 10px;font-size: 16px;margin-top: 10px;border: none;}
.tem100-header{height: 130px;;}
.tem01-register-sm .yzmbox{padding:0;margin-bottom:15px;}
.tem01-register-sm .register-wrapper .register-posi{padding: 0;overflow: hidden;background-repeat: no-repeat;background-color: #fff;background-position: center;background-size: cover;}
.tem01-register-sm .register-wrapper .item{padding: 15%;display: flex;display:-webkit-flex;align-items: center;height: 100%;overflow: hidden;flex-wrap: wrap;}
.tem01-register-sm .register-left .item{min-height: 700px;padding: 20%;}
.tem01-register-sm .register-left .txt{text-align: center;color:#fff;height: 100%;width:100%;display: flex;display: -webkit-flex;align-items: center;justify-content:center;flex-wrap: wrap;}
.tem01-register-sm .register-left .txt .title{font-size: 4rem;}
.tem01-register-sm .register-left .txt .description{line-height: 170%;text-align: left;padding-bottom: 10%;}
.tem01-register-sm .register-left .txt .btn{border-radius: 50px;padding: 12px 80px;color:#fff;background: none;border-color: #fff;}
.tem01-register-sm .register-left .txt .btn:hover{background-color:#fff;color:#333;}
.tem01-register-sm .register-left img{width: 100%;display:none;}
.tem01-register-sm .register-right .item{background-color: #fff;align-items: flex-start;}
.tem01-register-sm .form{width: 90%;margin:0 auto;}
.tem01-register-sm .form .box{max-height: 320px;overflow-y: scroll;overflow-y:auto;overflow-x:hidden;}
.tem01-register-sm .form .box::-webkit-scrollbar{width:10px;}
.tem01-register-sm .form .box::-webkit-scrollbar-track{background-color:none;}
.tem01-register-sm .form .box::-webkit-scrollbar-thumb{background-color:none;border-radius:200px;}
.tem01-register-sm .form .box:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);}
.tem01-register-sm .register-content{width: 100%;}
.tem01-register-sm .register-content .tips{height:20px;color: red;top: -3px;}
.tem01-register-sm .register-logo{text-align: center;width: 100%;}
.tem01-register-sm .register-logo img{max-height: 80px;max-width: 100%;margin: auto;}
.tem01-register-sm .form-group{margin-bottom: 20px;position: relative;}
.tem01-register-sm .form-group .form-control{border-radius: 6px;background:none;border-color:#e6e4ef;height: 60px;padding: 10px 20px 10px 60px;box-shadow: none;color:#8a8a8c;}
.tem01-register-sm .form-group .form-control:focus{box-shadow: 0 10px 10px #e6e4ef;color:#8a8a8c;}
.tem01-register-sm .form-group .form-control:focus::-webkit-input-placeholder{color:#8a8a8c;}
.tem01-register-sm .form-group .form-control:focus::-moz-placeholder{color:#8a8a8c;}
.tem01-register-sm .form-group .form-control:focus:-ms-input-placeholder{color:#8a8a8c;}
.tem01-register-sm .form-group .form-control:focus::-webkit-input-placeholder{color:#8a8a8c;}
.tem01-register-sm .form-group .form-control::-moz-placeholder{color:#d4d3d9;opacity: 1;}
.tem01-register-sm .form-group .form-control:-ms-input-placeholder{color:#d4d3d9;opacity: 1;}
.tem01-register-sm .form-group .form-control::-webkit-input-placeholder{color:#d4d3d9;opacity: 1;}
.tem01-register-sm .form-group .icon{position: absolute;left:25px;top:0;height: 100%;height: 60px;line-height: 60px;width: 0;color:#e6e4ef;font-size: 24px;}
.tem01-register-sm .register-content .btn{border-radius: 6px;width: 100%;padding: 16px 10px;font-size: 16px;margin-top: 10px;border: none;}
.tem01-register-sm .register-content .forget-pw{position: absolute;bottom:40px;width:100%;text-align:center;left:0;}
.tem01-register-sm .register-content .forget-pw a:hover{color:#8a8a8c;}
.tem01-register-sm .register-content .forget-pw a{color:#d4d3d9;}
.tem01-register-sm .register-copyright{width:100%;padding: 10px;text-align: center;color:#d4d3d9;clear: both;}
.tem01-register-sm .form-group .form-control:-internal-autofill-previewed, 
.tem01-register-sm .form-group .form-control:-internal-autofill-selected{background:none!important;}
.tem01-register .content-section{padding:0!important;}
.tem01-register .copyrightItem{display: none!important;}
.tem01-register-sm li .form-group .form-control{padding-left:20px;border-radius: 6px;height: 50px;}
.tem01-register-sm li .form-group label{padding:10px 0;}
.tem01-register-sm li.fieldNew{border-left: 3px solid var(--main-color);padding: 0 10px;font-size: 16px;color: var(--main-color);margin: 40px 0 10px;}
.tem01-register-sm li .form-group label i{color:#f00;padding-right: 5px;}
.tem01-register-sm .form-group .form-control:required:invalid{color:#8a8a8c;}
.tem01-register-sm .passwordBox{position:relative;}
.tem01-register-sm .capslock{position: absolute; right:10px; top: 22px;display: none; overflow: hidden; z-index: 9999; color: red; background: #fff; font-size: 12px;}
#static_content .gm-list{display:flex;display:-webkit-flex;flex-wrap:wrap;padding:0;}
#static_content .gm-list li{width: 100%;padding: 0 7px;}
#static_content .gm-list li label{height: 30px;display:block;}
@media(max-width:991px){
.tem01-register-sm{min-height:calc(100vh - 56px);width: 100%;padding: 0;height: auto;}
.tem01-register-sm .register-left{display: none;}
.tem01-register{height:auto;background-attachment:scroll}
.tem01-register-sm .register-logo img{max-height: 60px;}
.tem01-register-sm .register-wrapper .item{padding:10% 15% 15%;}
}
@media(min-width:769px){
.tem01-register-sm{align-content: center;}
.tem01-register-sm .register-wrapper{background:none;margin:0 auto;padding:25px;position:relative;width: 100%;padding: 0;box-shadow: 0 0 30px rgba(0,0,0,.1);border-radius: 30px;overflow: hidden;width:100%;}
#static_content .gm-list li:nth-of-type(1),
#static_content .gm-list li:nth-of-type(2){width:50%;}
.tem01-register-sm .register-content{padding-top: 10%;}
}
@media(max-width:768px){
    .tem01-register-sm{align-content:flex-start;position: relative;}
    .tem01-register-sm .register-wrapper{position: static;width:100%;}
    .tem01-register .container,
    .tem01-register-sm .register-wrapper .register-posi{padding-left:0!important;padding-right:0!important;}
    .tem01-register-sm .register-wrapper .register-posi{height: 100%;}
    .tem01-register-sm .register-right{border-radius: 0;}
    .tem01-register-sm .register-right .item{padding: 30px 3% 5%;align-items: center;height: auto;}
    .tem01-register-sm .register-right .form{width: 100%;height: 100%;}
    .tem01-register-sm .register-content .forget-pw{position: static;display: block;clear:both;padding:20px 0 10px;}
    .tem01-register-sm .form-group .form-control{height: 50px;padding-left: 50px;}
    .tem01-register-sm .form-group .icon{font-size: 20px;left: 20px;height: 50px;line-height: 50px;}
    .tem01-register-sm .register-content .btn{padding:14px 10px;margin: 0;font-size: 14px;}
    .tem01-register-sm .register-copyright{font-size: 12px;position: absolute;bottom:0;}
    .tem01-register-sm .register-logo img{max-height: 60px;margin-bottom: 10px;}
    .tem01-register-sm .form .box{max-height: 10000px!important;}
    .tem01-register-sm li .form-group label{color:#8a8a8c;font-size: 14px;font-weight: normal;}
    .tem01-register-sm li.fieldNew{display: none;}
    .tem01-register-sm li .form-group .form-control{border-radius: 6px;}
    .tem01-login-sm .login-wrapper{border-radius: 0!important;}
    #static_content .gm-list li:nth-of-type(2) label{display:none;}
    #static_content .tab-content .minicolors-theme-default.minicolors{z-index: auto;}
}
@media(max-width:480px){
    .tem01-register-sm .form-group{margin-bottom: 10px;}
    .tem01-register-sm li .form-group .form-control,
    .tem01-register-sm .form-group .form-control{height: 40px;}
    .tem01-register-sm .form-group .icon{height: 40px;line-height: 40px;}
    .tem01-register-sm .register-content .btn{padding:10px 10px;margin-top: 10px;}
    .tem01-register-sm .register-logo img{margin-bottom: 10px;max-height: 40px;}
    .tem01-register-sm .register-content .forget-pw{padding-top: 15px;}
    .tem01-register-sm .form-group .icon{font-size: 16px;}
    .tem01-register-sm .form-group .form-control{padding-left: 45px;}
}