.tem01-login{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-login-sm{width: 80%;margin: auto;height: 100vh;display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;align-content:center;}
.tem01-login-sm .login-wrapper .h1,
.tem01-login-sm .login-wrapper h1{text-align:center;border-bottom:1px solid #ccc;color:#333;font-size:18px;padding-bottom:8px}
.tem01-login-sm .login-content{padding-top:10px;font-size:13px}
.tem01-login-sm .login-content a{color:#888}
.tem01-login-sm .login-content a:hover{color:#0093DD}
.tem01-login-sm .form-group label{font-size:14px;font-weight:300;color:#999}
.tem01-login-sm .form-group i.asterisk{font-style:normal;color:red;vertical-align:middle;font-size:16px;padding:0 3px}
.tem01-login-sm .icon-error{color:red;padding:5px 0}
.tem01-login-sm .form-group input[type=text]{text-transform:uppercase}
.tem01-login-sm .form-group.emailBox,
.tem01-login-sm .form-group.passwordBox{position:relative}
.tem01-login-sm .login-content .btn{font-size:14px;margin:0 auto;display:block;padding:9px 35px;color:#fff;margin-bottom: 10px;border-radius: 50px;width: 100%;padding: 18px 10px;font-size: 16px;margin-top: 10px;border: none;}
.tem100-header{height: 130px;;}
.tem01-login-sm .yzmbox{padding:0;margin-bottom:15px;}
.tem01-login-sm .login-wrapper .login-posi{padding: 0;overflow: hidden;background-repeat: no-repeat;background-color: #fff;background-position: center;background-size: cover;}
.tem01-login-sm .login-wrapper .item{padding: 15%;display: flex;display:-webkit-flex;align-items: center;height: 100%;overflow: hidden;flex-wrap: wrap;}
.tem01-login-sm .login-left .item{min-height: 700px;}
.tem01-login-sm .login-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-login-sm .login-left .txt .title{font-size: 4rem;}
.tem01-login-sm .login-left .txt .description{line-height: 170%;text-align: left;padding-bottom: 10%;}
.tem01-login-sm .login-left .txt .btn{border-radius: 50px;padding: 12px 80px;color:#fff;background: none;border-color: #fff;}
.tem01-login-sm .login-left .txt .btn:hover{background-color:#fff;color:#333;}
.tem01-login-sm .login-left img{width: 100%;display: none;}
.tem01-login-sm .login-right .item{background-color: #fff;align-items: flex-start;}
.tem01-login-sm .login-right .form{width: 90%;margin:0 auto;}
.tem01-login-sm .login-content{width: 100%;}
.tem01-login-sm .login-logo{text-align: center;width: 100%;}
.tem01-login-sm .login-logo img{max-height: 80px;max-width: 100%;margin: auto;}
.tem01-login-sm .form-group{margin-bottom: 20px;}
.tem01-login-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-login-sm .form-group .form-control:focus{box-shadow: 0 10px 10px #e6e4ef;color:#8a8a8c;}
.tem01-login-sm .form-group .form-control:focus::-webkit-input-placeholder{color:#8a8a8c;}
.tem01-login-sm .form-group .form-control:focus::-moz-placeholder{color:#8a8a8c;}
.tem01-login-sm .form-group .form-control:focus:-ms-input-placeholder{color:#8a8a8c;}
.tem01-login-sm .form-group .form-control:focus::-webkit-input-placeholder{color:#8a8a8c;}
.tem01-login-sm .form-group .form-control::-moz-placeholder{color:#d4d3d9;opacity: 1;}
.tem01-login-sm .form-group .form-control:-ms-input-placeholder{color:#d4d3d9;opacity: 1;}
.tem01-login-sm .form-group .form-control::-webkit-input-placeholder{color:#d4d3d9;opacity: 1;}
.tem01-login-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-login-sm .login-content .btn{border-radius: 6px;width: 100%;padding: 16px 10px;font-size: 16px;margin-top: 10px;border: none;}
.tem01-login-sm .login-content .forget-pw{position: absolute;bottom:40px;width:100%;text-align:center;left:0;}
.tem01-login-sm .login-content .forget-pw a{color:#d4d3d9;}
.tem01-login-sm .login-content .forget-pw a:hover{color:#8a8a8c;}
.tem01-login-sm .login-content .forget-pw .toRegister{position: relative;}
.tem01-login-sm .login-content .forget-pw .toRegister::after{position: absolute;content: "";border-right: 1px solid #ddd;width:2px;height: 80%;top:10%;right:0;border-right: 1px solid #ccc;}
.tem01-login-sm .login-content .forget-pw a{padding: 0 10px;}
.tem01-login-sm .login-copyright{width:100%;padding: 10px;text-align: center;color:#d4d3d9;}
.tem01-login-sm .form-group .form-control:-internal-autofill-previewed, 
.tem01-login-sm .form-group .form-control:-internal-autofill-selected{background:none!important;}
.tem01-login .content-section{padding:0!important;}
.tem01-login .copyrightItem{display: none!important;}
.tem01-login-sm .passwordBox{position:relative;}
.tem01-login-sm .capslock{position: absolute; right:10px; top: 22px;display: none; overflow: hidden; z-index: 9999; color: red; background: #fff; font-size: 12px;}
.tem01-login-sm .tips{height:20px;color: red;display:none;top: -3px;}
#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(min-width:769px){
.tem01-login-sm .login-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-login-sm .login-content{padding-top: 20%;}
.tem01-login-sm .forget-wrapper .login-content{padding-top: 10%;}

}
@media(max-width:991px){
.tem01-login-sm{height:calc(100vh - 56px);width: 100%;padding: 0;}
.tem01-login-sm .login-left{display: none;}
.tem01-login-sm .login-right{border-radius: 30px;}
.tem01-login{height:auto;background-attachment:scroll}
.tem01-login-sm .login-logo img{max-height: 60px;}
.tem01-login-sm .login-content{padding-top: 10%;}
.tem01-login-sm .forget-wrapper .login-content{padding-top: 5%;}
.tem01-login-sm .login-wrapper .item{padding:10% 15% 15%;}
}
@media(max-width:768px){
.tem01-login-sm{position: relative;}
.tem01-login .container,
.tem01-login-sm .login-wrapper .login-posi{padding-left:0!important;padding-right:0!important;}
.tem01-login-sm .forget-wrapper .login-content,
.tem01-login-sm .login-content{padding-top: 10px;}
.tem01-login-sm .login-wrapper{height: 100%;position: static;width:100%;}
.tem01-login-sm .login-right{border-radius: 0;}
.tem01-login-sm .login-right .item{padding: 30px 3% 5%;height: auto;}
.tem01-login-sm .login-right .form{width: 100%;height: 100%;}
.tem01-login-sm .login-content .forget-pw{position: static;display: block;clear:both;padding:20px 0 10px;}
.tem01-login-sm .form-group .form-control{height: 50px;padding-left: 50px;}
.tem01-login-sm .form-group .icon{font-size: 20px;left: 20px;height: 50px;line-height: 50px;}
.tem01-login-sm .login-content .btn{padding:14px 10px;margin: 0;font-size: 14px;}
.tem01-login-sm .login-copyright{font-size: 12px;position: absolute;bottom: 0;}
.tem01-login-sm .login-logo img{max-height: 60px;margin-bottom: 10px;}
.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-login-sm .form-group .form-control{height: 40px;padding-left: 45px;}
.tem01-login-sm .form-group .icon{height: 40px;line-height: 40px;}
.tem01-login-sm .login-content .btn{padding:10px 10px;margin-top: 10px;}
.tem01-login-sm .login-logo img{margin-bottom: 10px;max-height: 40px;}
.tem01-login-sm .login-content .forget-pw{padding-top: 15px;}
.tem01-login-sm .form-group{margin-bottom: 10px;}
.tem01-login-sm .form-group .icon{font-size: 16px;}
}