.logo-left[data-v-e96d848a]{background:url(../img/LOGO.d7edc9a6.svg);background-size:contain;background-repeat:no-repeat;width:calc(330.59px*var(--svgRate)*var(--rate));height:calc(66.16px*var(--svgRate)*var(--rate));margin:calc(25px*var(--rate)) 0 0 calc(30px*var(--rate));float:left}.logo-right[data-v-e96d848a]{background:url(../img/Talking+.76a8b33f.svg);background-size:contain;background-repeat:no-repeat;width:calc(204.52px*var(--svgRate)*var(--rate));height:calc(86.69px*var(--svgRate)*var(--rate));margin:calc(30px*var(--rate)) calc(30px*var(--rate)) 0 0;float:right}.logo-container[data-v-e96d848a]{--svgRate:0.625;display:flex;justify-content:space-between}.mode2 .logo-container[data-v-e96d848a]{display:block}.divLogoPen[data-v-02911da2]{background:url(../img/eLearning.a10848ca.svg);background-size:contain;background-repeat:no-repeat;width:calc(657.55px*var(--svgRate)*var(--rate));height:calc(151.38px*var(--svgRate)*var(--rate))}body{margin:0;font-family:Microsoft JhengHei,微軟正黑體,sans-serif,serif}.__login{--svgRate:0.625;position:absolute;background-color:#b9e3f9;width:calc(var(--width));height:calc(var(--height));left:calc(50% - var(--width)/2)}.divCloud1{width:calc(629.93px*var(--svgRate)*.46*var(--rate));height:calc(375.63px*var(--svgRate)*.46*var(--rate));left:calc(90px*var(--rate));top:calc(108px*var(--rate))}.divCloud1,.divCloud2{position:absolute;background:url(../img/clouds.5c3c088d.svg);background-size:contain;background-repeat:no-repeat}.divCloud2{width:calc(629.93px*var(--svgRate)*.4*var(--rate));height:calc(375.63px*var(--svgRate)*.4*var(--rate));right:0;background-position-x:calc(20px*var(--rate));top:calc(188px*var(--rate))}.divCloud3{position:absolute;background:url(../img/clouds.5c3c088d.svg);background-size:contain;background-repeat:no-repeat;width:calc(619.93px*var(--svgRate)*.5*var(--rate));height:calc(375.63px*var(--svgRate)*.5*var(--rate));left:0;background-position-x:calc(-10px*var(--rate));top:calc(628px*var(--rate))}.logoPen{position:absolute;top:calc(252px*var(--rate));left:calc(55px*var(--rate))}.divInputContainer{display:block;position:absolute;top:calc(380px*var(--rate));left:calc(90px*var(--rate));z-index:10}input{padding:calc(5px*var(--rate));margin:calc(16px*var(--rate));outline:none;border:none;border-radius:1px;font-weight:500;letter-spacing:calc(.8px*var(--rate));backdrop-filter:blur(15px);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}input,label{font-size:calc(36px*var(--svgRate)*var(--rate))}label{margin:0 calc(5px*var(--rate));letter-spacing:calc(3px*var(--rate));text-align:left}.inputLine{display:flex;flex-direction:row;align-items:center;color:#99000b}.inputLine input{margin:calc(5px*var(--rate));width:calc(128px*var(--rate))}.footerDiv{position:absolute;bottom:0}.endDiv{position:relative;margin:0 auto;height:calc(375.63px*var(--svgRate)*var(--rate) + 30px*var(--rate))}.divPenguin{position:absolute;background:url(../img/animal.d1c48c69.svg);background-size:contain;background-repeat:no-repeat;width:calc(629.93px*var(--svgRate)*var(--rate));height:calc(375.63px*var(--svgRate)*var(--rate));left:calc(53px*var(--rate));bottom:calc(30px*var(--rate));z-index:2}.divHills{position:absolute;background:url(../img/hills.ed48e455.svg);background-size:contain;background-repeat:no-repeat;width:calc(499.37825px*var(--rate));height:calc(148.95616px*var(--rate));left:0;bottom:0;z-index:1}.divLoginBtn{position:absolute;width:calc(122px*var(--svgRate)*var(--rate));height:calc(58px*var(--svgRate)*var(--rate));cursor:pointer;margin:calc(20px*var(--rate)) calc(5px*var(--rate)) 0 0;right:0}