@font-face{font-family:Noto Sans TC-Regular;font-style:normal;font-weight:400;src:url(/GoogleapisFont/fonts/NotoSansTC-Regular.woff2) format("woff2"),url(/GoogleapisFont/fonts/NotoSansTC-Regular.woff) format("woff"),url(/GoogleapisFont/fonts/NotoSansTC-Regular.otf) format("opentype")}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body,html{background-color:#efefef;color:#fff;position:relative}.bgc,body,html{height:100%;width:100%}.bgc{overflow:hidden}.bgc:after{background-color:rgba(0,0,0,.65);content:"";display:block;height:100%;opacity:.9;width:100%;z-index:-1}.bgc video{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}@media screen and (max-width:2048px){.bgc video{width:177%}}.login.login{background-color:#073763;-webkit-box-shadow:0 0 50px 0 hsla(0,0%,100%,.13);box-shadow:0 0 50px 0 hsla(0,0%,100%,.13);height:35%;left:50%;max-height:413px;max-width:985px;min-height:413px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:985px}@media screen and (max-width:1023px){.login.login{-webkit-border-radius:0;border-radius:0;height:100%;left:0;max-height:none;max-width:100%;min-height:auto;top:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;width:100%}}.login.login .loginInfo{clear:both;overflow:hidden;padding-left:121px;padding-top:40px;width:57%}@media screen and (max-width:1023px){.login.login .loginInfo{height:96%;left:50%;margin-top:0;max-width:433px;padding-left:0;padding-top:0;position:absolute;top:25px;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%);width:100%}}@media screen and (max-width:480px){.login.login .loginInfo{min-width:344px}}@media screen and (max-width:320px){.login.login .loginInfo{height:100%}}.login.login .loginInfo .eletronic{float:left;padding-right:40px;text-align:right;width:30%}@media screen and (max-width:1023px){.login.login .loginInfo .eletronic{width:35%}}@media screen and (max-width:767px){.login.login .loginInfo .eletronic{width:33%}}@media screen and (max-width:480px){.login.login .loginInfo .eletronic{padding-right:30px;width:36%}}.login.login .loginInfo .eletronic img{height:70px;width:90px}@media screen and (max-width:480px){.login.login .loginInfo .eletronic img{height:54.444444439px;width:70px}}.login.login .loginInfo .font{float:left;font-size:18px;width:70%}@media screen and (max-width:1023px){.login.login .loginInfo .font{height:100%;position:relative;width:65%}}@media screen and (max-width:767px){.login.login .loginInfo .font{width:67%}}@media screen and (max-width:480px){.login.login .loginInfo .font{width:64%}}.login.login .loginInfo .font .logo{max-width:100%}.login.login .loginInfo .font .logo>img{width:75px}.login.login .loginInfo .font p:first-of-type{display:block;font-size:23px;font-weight:900;letter-spacing:1px;margin-right:auto;width:275px}@media screen and (max-width:480px){.login.login .loginInfo .font p:first-of-type{font-size:18px;width:80%}}@media screen and (max-width:420px){.login.login .loginInfo .font p:first-of-type{font-size:15px}}@media screen and (max-width:320px){.login.login .loginInfo .font p:first-of-type{font-size:14px}}.login.login .loginInfo .font p:first-of-type:after{background-color:#f3961a;content:"";display:block;height:6px;margin-top:30px;-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-ms-transform:skewX(-20deg);-o-transform:skewX(-20deg);transform:skewX(-20deg);width:100%}@-webkit-keyframes widthStyle{0%{width:0}to{width:100%}}@-moz-keyframes widthStyle{0%{width:0}to{width:100%}}@-o-keyframes widthStyle{0%{width:0}to{width:100%}}@keyframes widthStyle{0%{width:0}to{width:100%}}@media screen and (max-width:1023px){.login.login .loginInfo .font p:first-of-type:after{margin-top:0}}.login.login .loginInfo .font p:nth-of-type(2){padding-top:40px}@media screen and (max-width:1023px){.login.login .loginInfo .font p:nth-of-type(2){font-size:0;margin:0;padding:0}}@media screen and (max-width:480px){.login.login .loginInfo .font p:nth-of-type(2){margin-top:390px}}.login.login .loginInfo .font p:nth-of-type(3){padding-top:1px}@media screen and (max-width:1023px){.login.login .loginInfo .font p:nth-of-type(3){font-size:0;margin:0;padding:0}}.login.login .loginInfo .font .info{padding-top:60px}@media(max-width:1023px){.login.login .loginInfo .font .info{margin:0;padding-top:0;position:absolute;right:0;top:53%}}@media(max-width:1023px)and (min-height:1280px){.login.login .loginInfo .font .info{top:42%}}@media(max-width:576px){.login.login .loginInfo .font .info{right:16%}}@media(max-width:480px){.login.login .loginInfo .font .info{top:70%}}@media(max-width:480px)and (min-height:823px){.login.login .loginInfo .font .info{top:63%}}@media(max-width:480px)and (min-height:732px){.login.login .loginInfo .font .info{top:71%}}@media(max-width:375px){.login.login .loginInfo .font .info{top:65%}}@media(max-width:375px)and (min-height:667px){.login.login .loginInfo .font .info{top:76%}}@media(max-width:375px)and (min-height:640px){.login.login .loginInfo .font .info{top:79%}}@media(max-width:320px){.login.login .loginInfo .font .info{top:86%}}.login.login .loginForm{background-color:#fff;-webkit-box-shadow:0 10px 21px 5px rgba(0,0,0,.4);box-shadow:0 10px 21px 5px rgba(0,0,0,.4);color:#000;left:61%;min-height:108%;min-width:360px;padding:0 15px;position:absolute;top:-4%;-webkit-transform:translate(-7%);-moz-transform:translate(-7%);-ms-transform:translate(-7%);-o-transform:translate(-7%);transform:translate(-7%);z-index:1}.login.login .loginForm.registerForm{top:-26%}@media screen and (max-width:1023px){.login.login .loginForm{left:50%;min-height:auto;min-width:auto;top:120px;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%)}.login.login .loginForm.registerForm{top:120px}}@media screen and (max-width:1023px)and (min-height:1280px){.login.login .loginForm{top:11%}}@media screen and (max-width:480px){.login.login .loginForm{top:14%;width:85%}}@media screen and (max-width:480px)and (min-height:823px){.login.login .loginForm,.login.login .loginForm.registerForm{top:13%}}@media screen and (max-width:375px){.login.login .loginForm{top:14%}}.login.login .loginForm>h1{color:#9c9c9c;display:block;font-size:22px;font-weight:900;margin:0 auto;padding-bottom:10px;padding-left:54px;padding-top:74px;text-align:left;width:100%}@media screen and (max-width:1023px){.login.login .loginForm>h1{padding-top:37px}}.login.login .loginForm .box{padding:40px;width:400px}@media screen and (max-width:480px){.login.login .loginForm .box{padding:40px 10px;width:100%}}.login.login .loginForm .box input{margin-bottom:30px;padding:10px 0}.login.login .loginForm .box textarea{height:80px;margin-bottom:40px;padding:10px 0}.login.login .loginForm .box select{margin-bottom:30px;padding:10px 0}.login.login .loginForm .box input,.login.login .loginForm .box select,.login.login .loginForm .box textarea{border:none;border-bottom:2px solid #eee;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:border-bottom,top,left,color;-o-transition-property:border-bottom,top,left,color;-moz-transition-property:border-bottom,top,left,color;transition-property:border-bottom,top,left,color;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;width:100%}.login.login .loginForm .box input:focus~label,.login.login .loginForm .box input:valid~label,.login.login .loginForm .box select:focus~label,.login.login .loginForm .box select:valid~label,.login.login .loginForm .box textarea:focus~label,.login.login .loginForm .box textarea:valid~label{color:#073763;font-size:12px;font-weight:700;left:0;top:-12px}.login.login .loginForm .box input:-webkit-autofill~label,.login.login .loginForm .box select:-webkit-autofill~label,.login.login .loginForm .box textarea:-webkit-autofill~label{color:#073763;font-size:12px;font-weight:700;left:0;top:-12px}.login.login .loginForm .box input:focus,.login.login .loginForm .box select:focus,.login.login .loginForm .box textarea:focus{border-bottom:2px solid #073763}.login.login .loginForm .box input:-webkit-autofill{background-color:transparent!important;-webkit-box-shadow:inset 0 0 0 1000px #fff}.login.login .loginForm .box input:-webkit-autofill:active,.login.login .loginForm .box input:-webkit-autofill:focus,.login.login .loginForm .box input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px transparent;-webkit-box-shadow:inset 0 0 0 1000px #fff}.login.login .loginForm .box [type=button],.login.login .loginForm .box [type=submit]{background-color:#073763;border:none;color:#fff;cursor:pointer;font-weight:700;letter-spacing:5px;margin-bottom:0;padding:10px 0;-webkit-transition:-webkit-box-shadow .3s linear;transition:-webkit-box-shadow .3s linear;-o-transition:box-shadow .3s linear;-moz-transition:box-shadow .3s linear;transition:box-shadow .3s linear;transition:box-shadow .3s linear,-webkit-box-shadow .3s linear;width:100%}.login.login .loginForm .box [type=button]:focus,.login.login .loginForm .box [type=submit]:focus{-webkit-box-shadow:0 0 0 .2rem rgba(7,55,99,.5);box-shadow:0 0 0 .2rem rgba(7,55,99,.5)}.login.login .loginForm .box form div{position:relative}.login.login .loginForm .box form div label{color:#999;left:0;pointer-events:none;position:absolute;top:10px;-webkit-transition:top .2s ease-in-out;-o-transition:top .2s ease-in-out;-moz-transition:top .2s ease-in-out;transition:top .2s ease-in-out}.borr-10{-webkit-border-radius:10px;border-radius:10px}.borr-5{-webkit-border-radius:5px;border-radius:5px}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-7%);transform:translateX(-7%)}}@-moz-keyframes fadeInRight{0%{-moz-transform:translateX(100%);transform:translateX(100%)}to{-moz-transform:translateX(-7%);transform:translateX(-7%)}}@-o-keyframes fadeInRight{0%{-o-transform:translateX(100%);transform:translateX(100%)}to{-o-transform:translateX(-7%);transform:translateX(-7%)}}@keyframes fadeInRight{0%{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-7%);-moz-transform:translateX(-7%);-o-transform:translateX(-7%);transform:translateX(-7%)}}@-webkit-keyframes eedf346c{0%{opacity:0;-webkit-transform:translate(-50%,-15%);transform:translate(-50%,-15%)}}@-moz-keyframes eedf346c{0%{opacity:0;-moz-transform:translate(-50%,-15%);transform:translate(-50%,-15%)}}@-o-keyframes eedf346c{0%{opacity:0;-o-transform:translate(-50%,-15%);transform:translate(-50%,-15%)}}@keyframes eedf346c{0%{opacity:0;-webkit-transform:translate(-50%,-15%);-moz-transform:translate(-50%,-15%);-o-transform:translate(-50%,-15%);transform:translate(-50%,-15%)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}