@charset "UTF-8";body,html{width:100%;height:100%}body{position:relative;color:#fff;font-weight:400;font-size:16px;font-family:Roboto,"Noto Sans TC",PingFangSC,"微軟正黑體","Microsoft JhengHei",sans-serif}.header{position:fixed;top:0;left:0;width:100%;height:70px;background:url(../img/pc/h-bg.png) center/100% 100% no-repeat}@media (max-width:641px){.header{background:url(../img/h5/h-bg.png) center/100% 100% no-repeat}}.header .wrap{padding:0 16px;margin:auto;max-width:1332px;display:flex;justify-content:space-between;align-items:center;height:100%}@media (max-width:641px){.header .wrap .logo{width:45%}}.home-box{position:relative;background:url(../img/pc/m-bg.jpg) center/cover no-repeat;width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media (max-width:641px){.home-box{background:url(../img/h5/m-bg.jpg) center/cover no-repeat}}.home-box .login-container{position:relative;z-index:3;padding:16px;min-width:400px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.64) 100%);border:1px solid #a07c48;border-radius:10px;backdrop-filter:blur(5px)}@media (max-width:641px){.home-box .login-container{min-width:295px;min-height:235px}}.home-box .login-container .valicode-wrap{margin-bottom:30px;position:relative}.home-box .login-container .valicode-wrap .imgCode{width:140px;height:46px;border-radius:5px}.home-box .login-container .valicode-wrap .refresh{position:absolute;top:50%;right:-26px;transform:translateY(-50%)}.home-box .login-container .input-wrap{margin-bottom:5px;position:relative;width:260px;border-bottom:1px solid #c4985b;display:flex;justify-content:center}@media (max-width:321px){.home-box .login-container .input-wrap{width:200px}}.home-box .login-container .input-wrap input{background:0 0;position:relative;padding-bottom:10px;text-align:center;color:#ffc675;font-size:20px}.home-box .login-container .input-wrap input::placeholder{text-align:center;color:#ffc675;font-size:16px}.home-box .login-container .error-wrap{width:260px;margin-bottom:32px;display:flex;color:#e44438;visibility:hidden;font-size:14px}@media (max-width:641px){.home-box .login-container .error-wrap{margin-bottom:12px}}.home-box .login-container .error-wrap .icon{width:20px;height:20px;transform:translateY(-2px)}.home-box .login-container .error-wrap.show{visibility:visible}.home-box .login-container .error-wrap.hide{visibility:hidden}.home-box .login-container .play{width:160px;height:42px;background:url(../img/common/btn.png) center/contain no-repeat;line-height:42px;text-align:center;font-size:14px}.home-box .login-container .play:hover{filter:brightness(1.2)}.home-box .login-container .participant{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);visibility:hidden;color:#ffc675;white-space:nowrap}footer{padding:20px 0;position:fixed;bottom:0;left:0;width:100%;text-align:center;background:rgba(0,0,0,.5);text-transform:uppercase}@media (max-width:641px){footer{padding:17px 0}}