@media (min-width:768px){body{overflow-y:hidden}}.login-bg{width:100%;height:100%;position:fixed;display:block;top:0;z-index:0}@media (min-width:768px){.login-bg img{max-width:none;height:100%}}@media (max-width:767px){.login-bg img{max-width:100%;height:auto}}.scaleIn_bg{-webkit-animation-name:scaleIn_bg;animation-name:scaleIn_bg;-webkit-animation-duration:2.5s;animation-duration:2.5s}@-webkit-keyframes scaleIn_bg{0%{opacity:0;-webkit-transform:scale(1.03) translateY(0);transform:scale(1.03) translateY(0)}100%{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes scaleIn_bg{0%{opacity:0;-webkit-transform:scale(1.03) translateY(0);transform:scale(1.03) translateY(0)}100%{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.mian-section{background-color:#fff;display:block;-webkit-box-shadow:0 20px 30px -13px rgba(87,87,87,0.5);box-shadow:0 20px 30px -13px rgba(87,87,87,0.5);z-index:2}@media (min-width:768px){.mian-section{width:690px;height:444px;top:0;bottom:0;left:0;right:0;margin:auto;position:absolute}}@media (max-width:767px){.mian-section{width:90%;height:auto;margin-top:45px;margin-bottom:30px;margin-left:auto;margin-right:auto}}.login-aside h2{display:inline-block;position:absolute;z-index:1}@media (min-width:768px){.login-aside{width:275px;height:100%}.login-aside h2{left:50%;right:auto;bottom:50px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.login-aside h2 .tw{top:-10px}.login-aside h2:after{content:" ";background:url(/____facha.com.tw/beta/assets/images/common_icon/dotted-white.png) repeat-x;position:absolute;left:0;width:100%;height:1px;bottom:-4px;opacity:0.9}}@media (max-width:767px){.login-aside{width:100%;height:160px;float:none !important;overflow:hidden}.login-aside h2{position:relative;margin-top:40px;width:90%;display:block}.login-aside h2 span{display:block}.login-aside .pc{width:100%;position:absolute;top:0;left:0}.login-aside img{width:100%;height:auto}}.login-content{width:calc(100% - 275px);padding:45px;float:left}@media (min-width:768px) and (max-width:991px){.login-content{padding:35px 25px}}@media (max-width:767px){.login-content{width:100%;padding:20px}}.login-form-title{width:100%;text-align:center;color:#635a4d;text-transform:uppercase}.login-form-title span{display:block}.login-form-title .en{font-size:22px;letter-spacing:3px;font-weight:bold}.login-form-title .tw{font-size:14px;margin-top:2px}@media (max-width:767px){.login-form-title{margin-bottom:20px}.login-form-title .en{font-size:16px;letter-spacing:2px}}.form span{display:inline-block}.form .form-group{margin-bottom:0}.form .form-group label{position:absolute;width:30px;height:40px;z-index:2}.form .form-group label .icon{display:inline-block;font-size:12px;color:#858290;left:50%;right:auto;top:52%;bottom:auto;-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);display:inline-block;position:absolute}.form .form-group .form-control{width:100%;height:40px;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #ccc;border-radius:0;padding-left:10px;-webkit-box-shadow:none;box-shadow:none;font-size:13px;letter-spacing:1px;-webkit-transition:border 0.3s;-o-transition:border 0.3s;transition:border 0.3s}.form .form-group .form-control::-webkit-input-placeholder{color:#8b8b8b}.form .form-group .form-control::-moz-placeholder{color:#8b8b8b}.form .form-group .form-control:focus{border-bottom:1px solid #aaa}.form .form-group:first-child .form-control{border-top:1px solid #ccc}.social-btn{width:auto;height:auto;padding:7px 15px 6px 15px;border-radius:20px;background-color:#cec8c0;color:#fff;font-size:13px;-webkit-transition:background 0.35s;-o-transition:background 0.35s;transition:background 0.35s}.social-btn .icon{font-size:16px;position:relative}.social-btn:hover,.social-btn:focus{color:#fff;background-color:#a39787;-webkit-transition:background 0.35s;-o-transition:background 0.35s;transition:background 0.35s}.link-group{width:100%;text-align:center}.link-group a{display:inline-block}.link-group .text-link{font-size:13px;text-decoration:underline !important;color:#8b8b8b;-webkit-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s}.link-group .text-link + .text-link:after{content:"";width:1px;height:14px;position:absolute;display:inline-block;background-color:#8b8b8b;top:2px;left:-11px}.link-group .text-link:nth-child(1){margin-right:10px}.link-group .text-link:nth-child(2){margin-left:10px}.link-group .text-link:hover,.link-group .text-link:focus{color:#635a4d}.link-group .c-btn{width:100%}.login-social-group{background:url(/____facha.com.tw/beta/assets/images/common_icon/dotted-block.png) repeat-x;position:relative}.login-social-group p{font-size:13px;color:#635a4d;width:100%;text-align:center}.login-social-group .social-btn{margin-left:3px;margin-right:3px}.login-social-group .social-btn .icon{left:0}@media (min-width:768px){.login-social-group{margin-top:40px;padding-top:20px}.login-social-group .c-btn-group{width:108px;position:absolute;top:13px;right:0}}@media (min-width:768px) and (max-width:1199px){.login-social-group .social-btn{margin-left:0;margin-right:0}}@media (max-width:767px){.login-social-group{margin-top:20px;padding-top:15px}.login-social-group .c-btn-group{width:100%;text-align:center;margin-top:5px}}.login-section .form .form-control{padding-left:35px}.register-section{}.register-section .social-group{margin-bottom:17px}.register-section .social-group .text{font-size:14px;margin-left:5px;top:-1px}.register-section .icon-calendar{font-size:14px;color:#a39787;position:absolute;top:12px;right:1px;cursor:pointer;z-index:2;-webkit-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s}.register-section .icon-calendar:hover{color:#685e52}@media (min-width:768px){.register-section{height:590px}}.login-message-section{max-width:415px;width:100%;background-color:#fff;display:block;-webkit-box-shadow:0 20px 30px -13px rgba(87,87,87,0.5);box-shadow:0 20px 30px -13px rgba(87,87,87,0.5);z-index:2}.login-message-section h2{width:100%;color:#635a4d;border-bottom:1px solid #d6d6d6;padding-bottom:10px;margin-top:0;margin-bottom:20px}.login-message-section h2 span{display:block;text-align:center}.login-message-section h2 .en{padding-top:14px}.login-message-section .message-intro{font-size:13px;letter-spacing:1px;line-height:20px;color:#8b8b8b;text-align:center}@media (min-width:768px){.login-message-section{height:325px;padding:55px 45px;top:0;bottom:0;left:0;right:0;margin:auto;position:absolute}}@media (max-width:767px){.login-message-section{width:90%;padding:35px 20px;position:absolute;height:280px;top:0;bottom:0;left:0;right:0;margin:auto}}@media (min-width:480px) and (max-width:639px){.login-message-section{margin-top:50px;margin-bottom:30px}}