.flex{display:flex}.flexCol{display:flex;flex-direction:column}html{font-size:15px}html,body,.left-box,.right-box{height:100%;margin:auto}.foot-text{position:absolute;left:20px;bottom:20px;color:rgba(255,255,255,0.7);background-color:rgba(0,0,0,0.16);border-radius:17px;padding:0 16px;font-size:12px;display:flex}.form-box{min-height:556px;width:100%;padding:33px;background-color:#fff;box-shadow:0px 3px 6px 0px rgba(0,0,0,0.16);border-radius:5px}@media screen and (max-width: 400px){.form-box{padding:24px}}.form-box .form-title{font-size:32px;color:var(--theme, #30a8dc);font-weight:600;padding-bottom:10px}.text-theme{color:var(--theme, #30a8dc) !important}@media screen and (min-width: 800px){.form-box .form-title{font-size:32px;color:var(--theme, #30a8dc);font-weight:600;padding-bottom:10px;margin-bottom:22px}.p-left .left-box{order:1}.p-left .space-box{order:-1}.p-center .company-logo{margin-bottom:40px;max-height:160px;min-width:0;width:auto;margin-top:20px}}.form-box .input-field{margin:28px 0}.form-box .login-other-actions .input-field{margin:20px 0}.form-box input[type="checkbox"]{display:none !important}.form-box input.checkbox+label{width:22px;height:22px;color:var(--theme, #30a8dc);border:1px solid;margin-bottom:0;text-align:center;cursor:pointer;border-radius:3px;margin-left:12px;margin-right:16px}.form-box input.checkbox:checked+label{background:var(--theme, #30a8dc)}.form-box input.checkbox:checked+label:before{content:"";font-size:16px;line-height:20px;font-family:"icomoon" !important;color:#fff;vertical-align:top}.form-box input[type="submit"]{background-color:#30a8dc;background-color:var(--theme, #30a8dc);color:#fff;border-radius:5px;border:none;padding:0 10px;font-size:18px}.form-box .input-group-text,.form-box .form-control{border-left:none;border-top:none;border-right:none;border-radius:0}.input-group-prepend .input-group-text{font-size:20px;background:transparent;border-bottom:none}.form-box .input-group-prepend{z-index:4;position:absolute;width:40px;height:40px;left:0}.form-box .input-group-append{z-index:4;position:absolute;width:40px;height:36px;right:0;display:flex;align-items:center}.form-box .has-validation .input-group-append{right:15px}.form-box .form-control.input-with-icon{padding-left:50px;z-index:0}.form-box .form-control.input-with-icon:autofill{box-shadow:0 0 1000px #fff inset !important}.form-box .form-control.input-with-icon:-webkit-autofill{box-shadow:0 0 1000px #fff inset !important}.form-box .form-control.input-with-icon:focus{box-shadow:none;border-bottom:1px solid var(--theme, #30a8dc)}.form-box .form-control.invalid{border-bottom:1px solid red}.company-logo{width:60%;min-width:40%;max-width:60%;max-height:300px}.login-other-actions{text-align:center}.login-other-actions a,.form-box a{color:var(--theme, #30a8dc)}.container{max-width:1366px}#alert-msg{width:60%;left:20%;position:fixed;top:10px;display:flex;align-items:flex-start;margin-top:var(--safe-top, 0px)}#alert-msg i{margin-right:20px;line-height:24px}@media (max-width: 768px){.left-box,.right-box{height:auto;min-height:100px}.left-box{justify-content:center;padding-top:var(--safe-top, 0px)}.left-box .company-logo{width:30%;min-width:100px}.foot-text{display:none}.flex-fill.form-item-placeholder{display:none}#main-container{align-items:flex-start !important}#alert-msg{width:80%;left:10%}}@media (max-width: 575px){#main-container{flex-direction:column}.container{flex-grow:1;display:flex}.container>.row.align-items-center{flex-direction:column;flex:1}.col-md-1{display:none}.form-box{height:100%;border-bottom-right-radius:0;border-bottom-left-radius:0}.right-box{flex-grow:1;padding:0}}.error-text{color:#fe0000;font-size:16px}.login_announce{padding:16px;position:static;top:0;left:0;width:100%;background:var(--theme-light-10, #e9f7fb);z-index:9999}.announce-title{font-size:16px;font-weight:500}.announce-title.expand{font-size:14px;font-weight:400;color:#9e9e9e}#forgot_url a{color:var(--theme, #30a8dc)}.yhl-main{width:100% !important;max-width:none !important;min-width:inherit !important}.icon2016{background-image:url(/auth/Images/nav_sprite2016.png)}.icon2016-16{display:inline-block;vertical-align:middle;width:16px;height:16px}.icon2016-16.wright{background-position:-240px -32px}.icon2016-16.wwrong{background-position:-256px -32px}.icon2016-16.warning{background-position:-272px -32px}ul{list-style:none}.font-0{color:#9e9e9e}.font-1{color:#656565}.rotate180{transform:rotate(180deg)}.page_mask{position:fixed;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:2050;background-color:rgba(0,0,0,0)}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9e9e9e}input:-moz-placeholder,textarea:-moz-placeholder{color:#9e9e9e}input::-moz-placeholder,textarea::-moz-placeholder{color:#9e9e9e}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9e9e9e}.option-message{margin-top:8px;line-height:1.1em}.option-message.hide-hint{display:none}@media screen and (min-width: 1921px){.container{transform:scale(var(--scale-rat, 1))}}.action-btn{padding:10px}input.form-control::placeholder,textarea.form-control::placeholder{color:#bfbfbf}input.form-control::-webkit-input-placeholder,textarea.form-control::-webkit-input-placeholder{color:#bfbfbf}input.form-control:-moz-placeholder,textarea.form-control:-moz-placeholder{color:#bfbfbf}input.form-control::-moz-placeholder,textarea.form-control::-moz-placeholder{color:#bfbfbf}input.form-control:-ms-input-placeholder,textarea.form-control:-ms-input-placeholder{color:#bfbfbf}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none !important}input[type='number']{-moz-appearance:textfield}.lplaceholder{position:absolute;display:block;top:8px;left:50px;cursor:text;-webkit-transition:top 0.2s ease;transition:top 0.2s ease;color:#999;background-color:transparent}.lplaceholder.filled_in,.lplaceholder.input_active{top:-10px;font-size:12px;display:none !important}