body,html{min-height:100%}body,h2{font-family:Microsoft JhengHei,'Open Sans',sans-serif}#download,[class*=" fa-"],[class*=" glyphicon-"],[class^=fa-],[class^=glyphicon-],form .tcb{text-align:center}html{position:relative}body{font-size:14px;color:#686868;padding-bottom:0;margin:0}@media (min-width:992px){body{background:#555}}@media (max-width:992px){body{margin-top:100px}}a,a:active,a:focus,a:hover{color:#d15050}a,a:active,a:focus,a:hover,a:visited{outline:0!important}::-moz-focus-inner{border:0;-moz-outline-style:none}#wrapper{width:100%}.btn:focus{outline:0}.btn,.form-control{border-radius:0}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px rgba(192,192,192,.2) inset;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#000}.text-gray{color:#999!important}.btn{outline:0!important;background:#f2f2f2;color:#686868;border-color:#e5e5e5}.btn-primary,.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover{background-color:#d15050;border-color:#cc3c3c}.btn [class*=glyphicon-],.btn>[class*=fa-]{display:inline;margin-right:4px}.btn.active,.btn:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-primary{color:#fff}.btn-primary.active,.btn-primary:active{background-image:none}.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#cc3c3c;border-color:#cc3c3c}form .tcb{display:flex;min-height:20px;margin-top:20px;margin-bottom:10px;justify-content:center;padding:0 5px}form .tcb button{display:inline-flex;align-items:center;justify-content:center}form .tcb button i{margin-left:4px}form .tcb.mobile{justify-content:space-between}form .tcb.mobile button{width:48%}.error_msg{color:#de3939;position:absolute;bottom:55px}form .form-actions{display:block;border-top:1px solid #e5e5e5;padding:15px 10px}form .form-actions .form-group{margin-bottom:0}form .input-icon{position:relative}form .input-icon input{padding-left:33px!important}form .input-icon [class*=" glyphicon-"],form .input-icon [class*=fa-],form .input-icon [class^=fa-],form .input-icon [class^=glyphicon-]{display:block;position:absolute;margin:11px 2px 4px 10px;width:16px;min-width:16px;height:16px;font-size:16px}form .input-icon.right input{padding-left:12px!important;padding-right:33px!important}form .input-icon.right [class*=fa-],form [class^=fa-]{right:8px;float:right}input[type=password],input[type=text]{border-radius:0!important;background-color:#fff;border:1px solid #e5e5e5;font-size:13px;box-shadow:none!important;padding:6px}input[type=password]:focus,input[type=text]:focus{-webkit-box-shadow:none;box-shadow:none;border-color:#e5e5e5 #e5e5e5 #e5e5e5 #d15050;background-color:#fff;outline:0;-webkit-transition-duration:.1s;transition-duration:.1s}input[readonly]{background:#f5f5f5!important;cursor:default!important}.login-container{width:360px;margin:10% auto 50px}.renew-login-container{width:360px;margin:0 auto;height:100vh;display:flex;align-items:center}.login-box{width:360px;padding:10px 20px 0;background:rgba(255,255,255,.75);border:6px solid rgba(0,0,0,.5);visibility:hidden;overflow:hidden;-moz-transform:scale(0,1) translate(-150px);-webkit-transform:scale(0,1) translate(-150px);-o-transform:scale(0,1) translate(-150px);-ms-transform:scale(0,1) translate(-150px);transform:scale(0,1) translate(-150px)}.login-box div.loginbox-title{height:40px;font-size:24px;box-sizing:border-box;font-family:DFKai-sb;color:#555;font-weight:700}.login-box.visible{visibility:visible;-moz-transform:scale(1,1) translate(0);-webkit-transform:scale(1,1) translate(0);-o-transform:scale(1,1) translate(0);-ms-transform:scale(1,1) translate(0);transform:scale(1,1) translate(0);transition:all .3s ease;-o-transition:none;-webkit-transition:none}.renew-login-container form{padding:15px 35px 25px 35px;border-radius:35px;width:360px;background:rgba(255,255,255,.138)}.renew-login-container form .changePasswordFormTitle{display:flex;align-items:baseline;color:#fff}.renew-login-container form .changePasswordFormTitle h4,.renew-login-container form .changePasswordFormTitle span{font-size:30px;font-family:DFKai-sb;color:#fff;font-weight:700}.renew-login-container form .changePasswordFormTitle h4{margin-top:5px;margin-bottom:10px}.renew-login-container form .changePasswordFormTitle span{font-size:22px}.renew-login-container form .upper-notice{padding:0 5px}.renew-login-container form .tcb{margin-bottom:0}.renew-login-container form button[type=submit]{background:#ffce00!important;color:#000;border:none!important;border-radius:0;width:100%;height:34px;font-size:14px;font-weight:400;font-family:DFKai-sb;font-weight:700}.renew-login-container form input[type=password]{width:100%;position:relative;border-radius:0!important;background-color:transparent;border:none;border-bottom:2px #fff solid;font-size:13px;-webkit-box-shadow:none!important;box-shadow:none!important;padding:6px;color:#999}.renew-login-container form input[type=password]::placeholder{color:#fff;font-family:DFKai-sb;font-size:16px}#download{margin-top:25px}#download p{margin:0 0 5px;font-size:15px;font-weight:700}#download p:after,#download p:before{content:"--"}#download ul{margin:0;padding:0}#download li{list-style-type:none;display:inline-block;margin-right:5px;position:relative}#download img{width:36px}#download li .assignment_system{display:none}#download li.click .assignment_system{position:absolute;z-index:1;content:'';display:block;width:150px;top:50px;left:-55px;border-radius:5px;background:rgba(255,255,255,.53);padding:5px 15px}.assignment_system:before{content:" ";position:absolute;top:-10px;left:44%;width:0;height:0;border-style:solid;border-width:0 7.5px 10px;border-color:transparent transparent rgba(255,255,255,.53)}#download li.click .assignment_system a{display:inline-block;padding-right:15px}#download li.click .assignment_system a:nth-child(2){padding-right:0}.assignment_system img{height:36px}body.login{background:url(../images/bg.jpg) left top}