@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);.section__drought{margin:2rem}.section__drought__main{background-size:cover;height:45rem;border-radius:4px;box-shadow:0 1.5rem 4rem rgba(0,0,0,.2)}.section__drought__main__img{background-image:linear-gradient(105deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.7) 50%,transparent 0),url(/static/media/io.72c80803.jpg)}.section__drought__main__img__2{background-image:linear-gradient(105deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.9) 50%,transparent 0),url(/static/media/loginBG2.1676c6af.jpg)}.drought{width:50%;padding:2rem}.drought__para{width:25rem;height:13rem;margin-bottom:8rem}.drought__radio{width:49%;display:inline}.drought__radio__group{display:inline;margin-left:1rem}.drought__radio__group:first-child{margin-left:0}.drought__box{margin-top:2rem;display:flex;flex-direction:column;align-content:center}.drought__btn{position:relative;margin-bottom:2rem;transition:all .2s;display:inline-block}.drought__btn:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.drought__btn:link,.drought__btn:visited{text-decoration:none;background-color:#fa2a7e;border:none;padding:10px;width:15rem;align-self:center;border-radius:50px;font-family:"Roboto",sans-serif;text-transform:uppercase;font-weight:900;color:#fff;text-align:center;font-weight:400;font-size:1rem;cursor:pointer;margin-bottom:2rem;transition:all .2s}.drought__btn:active{-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.drought__btn:after{content:"";display:inline-block;position:absolute;height:100%;width:100%;top:0;left:0;border-radius:15px;z-index:-1;color:#fff;background-color:#fa2a7e;transition:all .4s}.drought__btn:hover:after{-webkit-transform:scaleX(1.4) scaleY(1.6);transform:scaleX(1.4) scaleY(1.6);opacity:0}.radio{visibility:hidden}.radio__btn{height:1.2rem;width:1.2rem;border-radius:50%;position:absolute;display:inline-block;top:-.4rem;left:-1.5rem;border:5px solid #fa2a7e}.radio__btn:after{content:"";height:.8rem;width:.8rem;border-radius:50%;position:absolute;background-color:#fa2a7e;top:50%;left:50%;display:block;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .2s;opacity:0}.radio:checked~.radio__label .radio__btn:after,.radio__selected:after{opacity:1}.radio__label{padding-left:1rem;cursor:pointer;position:relative}.section{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}@media(max-width:37.5em){.section{position:relative}}.section__title{font-family:"Ubuntu",sans-serif;margin:3rem 2rem;-webkit-animation:moveLeft .3s;animation:moveLeft .3s}@media(max-width:37.5em){.section__title{font-size:1.5rem}}.section__title__box{grid-area:1/1/3/3;display:flex;flex-direction:row;align-items:start;margin-bottom:2rem}.section__title__image{width:100px;margin:1rem}@media(max-width:37.5em){.section__title__image{display:none}}.content{display:flex;flex-direction:row;justify-content:space-around}@media(max-width:37.5em){.content{flex-direction:column}}.content__arch{display:flex;flex-direction:column;justify-content:space-around;background-image:linear-gradient(to right bottom,#ffb900,#ff7730);height:100%}.content__arch__title{align-self:center;font-size:1.2rem}.content__arch__link{text-decoration:none;color:#000;font-size:1rem;margin-bottom:10px}.content__arch__link:hover{text-decoration:underline}.content__arch__body{display:flex;flex-direction:column;align-content:center;justify-content:space-around;text-align:center}.content__title{font-size:20px;font-family:"Ubuntu",sans-serif}.content__local{width:23rem;border-radius:4px;position:relative;background-color:#fff;box-shadow:0 1.5rem 4rem rgba(0,0,0,.15);background-image:linear-gradient(to right bottom,#2998ff,#5643fa);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:150rem;perspective:150rem}@media(max-width:37.5em){.content__local{width:15rem;margin:2rem}}.content__national{width:23rem;border-radius:4px;position:relative;background-color:#fff;box-shadow:0 1.5rem 4rem rgba(0,0,0,.15);background-image:linear-gradient(to right bottom,#ffb900,#ff7730);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:150rem;perspective:150rem}@media(max-width:37.5em){.content__national{width:15rem;margin:2rem}}.content__national:hover>.content__picture__1{background-image:url(/static/media/bgn.d4478460.jpg)}.content__national:hover>.content__picture{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.content__body{display:flex;flex-direction:column;padding:10px;align-content:center;justify-content:center;text-align:center}.content__picture{border-radius:5px;height:13rem;background-size:cover;background-blend-mode:color;transition:all .4s;-webkit-clip-path:polygon(0 0,100% 0,100% 70%,0 90%);clip-path:polygon(0 0,100% 0,100% 70%,0 90%)}.content__picture__1{background-image:linear-gradient(to right bottom,#ffb900,#ff7730),url(/static/media/bgn.d4478460.jpg)}.content__picture__2{background-image:linear-gradient(to right bottom,#2998ff,#5643fa),url(/static/media/bgn.d4478460.jpg)}.content__title{font-size:1.8rem;font-family:"Roboto",sans-serif;text-transform:uppercase;font-weight:300;position:absolute;top:6rem;right:0;text-align:right}.content__title__1{background-image:linear-gradient(to right bottom,rgba(255,185,0,.85),rgba(255,119,48,.85))}.content__title__2{background-image:linear-gradient(to right bottom,rgba(41,152,255,.85),rgba(86,67,250,.85))}.content__btn{text-decoration:none;background-color:#fff;border:none;padding:10px;width:15rem;align-self:center;border-radius:50px;font-family:"Roboto",sans-serif;text-transform:uppercase;font-weight:900;color:#000;font-weight:400;font-size:1rem;cursor:pointer;position:relative;margin-bottom:2rem;transition:all .2s;display:inline-block}@media(max-width:37.5em){.content__btn{width:10rem;font-size:5px}}.content__btn:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.content__btn:link,.content__btn:visited{text-decoration:none;background-color:#fff;border:none;padding:10px;width:15rem;align-self:center;border-radius:50px;font-family:"Roboto",sans-serif;text-transform:uppercase;font-weight:900;color:#000;font-weight:400;font-size:1rem;cursor:pointer;margin-bottom:2rem;transition:all .2s}@media(max-width:37.5em){.content__btn:link,.content__btn:visited{width:10rem;font-size:5px}}.content__btn:active{-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.content__btn:after{content:"";display:inline-block;position:absolute;height:100%;width:100%;top:0;left:0;border-radius:15px;z-index:-1;background-color:#fff;transition:all .4s}.content__btn:hover:after{-webkit-transform:scaleX(1.4) scaleY(1.6);transform:scaleX(1.4) scaleY(1.6);opacity:0}.login{display:flex;align-items:center;border-radius:15px;grid-area:1/3;justify-content:center;margin-right:2rem;height:3rem;width:8rem;background-position:50%;margin-left:auto;background-repeat:no-repeat;cursor:pointer}.dist,.login{background-size:cover}.dist{height:20rem;width:30rem}.form{margin-top:2rem;display:flex;justify-content:space-between;flex-direction:column}.form__control:not(:last-child){margin-bottom:2rem}.form__input{padding:.7rem 1rem;font-size:1rem;border-radius:2px;background-color:hsla(0,0%,100%,.5);width:70%;border:3px solid transparent;border-bottom-color:rgba(62,63,63,.945);display:block;color:#777}.form__input:focus{outline:none;box-shadow:0 1rem 2rem rgba(0,0,0,.1);border-bottom:3px solid rgba(0,182,30,.945)}.form__input:focus:invalid{border-bottom:3px solid rgba(194,3,3,.945)}.form__input:-webkit-input-placeholder{color:#999}.form__label{display:block;font-size:.8rem;font-weight:700;margin-left:1.2rem;margin-top:.7rem;transition:all .3s}.form__input:-ms-input-placeholder+.form__label{opacity:0;visibility:hidden;transform:translateY(-4px)}.form__input:placeholder-shown+.form__label{opacity:0;visibility:hidden;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.login__btn{position:relative;margin-bottom:2rem;display:inline-block;background-color:#fa2a7e;border:none;padding:10px;width:15rem;border-radius:50px;font-family:"Roboto",sans-serif;text-transform:uppercase;font-weight:900;color:#fff;text-align:center;font-weight:400;font-size:1rem;cursor:pointer;transition:all .2s}.login__btn:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.login__btn:after{content:"";display:inline-block;position:absolute;height:100%;width:100%;top:0;left:0;border-radius:15px;z-index:-1;color:#fff;background-color:#fa2a7e;transition:all .4s}.login__btn:hover:after{-webkit-transform:scaleX(1.4) scaleY(1.6);transform:scaleX(1.4) scaleY(1.6);opacity:0}.login__loader{width:5rem;height:5rem;position:fixed;right:0;top:50%;left:50%;bottom:0;margin:0 auto;display:grid;place-items:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media(max-width:37.5em){.login__loader{display:none;opacity:0;visibility:hidden}}.login__error{display:inline-block;letter-spacing:2px;width:60%;padding:.5rem;font-size:1rem;font-weight:700;border-radius:15px;margin-bottom:2rem;-webkit-animation:alert 2s cubic-bezier(1,1,1,0) infinite;animation:alert 2s cubic-bezier(1,1,1,0) infinite}.enable{-webkit-animation:rotate 1s infinite;animation:rotate 1s infinite}@-webkit-keyframes alert{0%{background-color:rgba(194,3,3,.945);color:#fff}to{color:#fff;background-color:#fc640d}}@keyframes alert{0%{background-color:rgba(194,3,3,.945);color:#fff}to{color:#fff;background-color:#fc640d}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.asc__container{display:grid;grid-template-rows:1fr;grid-template-columns:1fr}.asc__btn{margin-left:0 auto}.asc__nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 4rem}.asc__nav__heading{font-size:1.5rem}.asc__btn{display:inherit;padding:1rem 2rem;background:linear-gradient(90deg,#ff416c,#ff4b2b);color:#fff;font-size:1rem;font-family:inherit;border-radius:15px;border:none;cursor:pointer;text-align:center;transition:all .3s}.asc__btn:hover{padding:1rem 3rem;box-shadow:0 .2rem 8rem rgba(0,0,0,.5)}.asc__btn__img{margin-right:.5rem;width:1.5rem}.clear{display:none}.advisory__container{background:#e0e0e0;padding:1rem 5rem;margin:0 2rem;grid-area:2/3/2/3}.dragbox{margin-top:3rem;padding:2rem 0}.form__control{margin-top:2rem}.m-bot{margin-bottom:1rem}.admin__container{display:grid;grid-template-rows:.1fr 1fr;grid-auto-columns:1fr 1fr;margin-top:2rem;font-family:"Noto Sans HK",sans-serif}.admin__header{background:#e0e0e0;padding:1rem 5rem;margin:0 2rem;grid-area:0/1/0/1}.admin__header__container{display:flex;flex-direction:row}.admin__logout{margin:0 2rem;grid-area:1/2/1/2}.admin__logout,.admin__users{background:linear-gradient(90deg,#bc4e9c,#f80759)}.admin__users{margin:1rem 2rem;grid-area:2/4/3/1;display:grid;grid-template-rows:1fr;grid-template-columns:repeat(3,1fr);justify-content:space-around}.admin__btn{display:inherit;padding:1rem 2rem;background:linear-gradient(90deg,#ff416c,#ff4b2b);color:#fff;font-size:1rem;font-family:inherit;border-radius:15px;border:none;cursor:pointer;text-align:center;transition:all .3s}.admin__btn:hover{padding:1rem 3rem;box-shadow:0 .2rem 8rem rgba(0,0,0,.5)}.admin__btn__img{margin-right:.5rem;width:1.5rem}.btn__box{display:flex}.input__anime{-webkit-animation:inputAnime 1s ease;animation:inputAnime 1s ease}.user__card{background-color:#fff;display:flex;flex-direction:column;align-items:start;margin:1rem 2rem}.user__card__btn{padding:.5rem 1rem;color:#000;background-color:#b1b1b1;font-size:.7rem;font-family:inherit;border:none;cursor:pointer}.user__card__body{display:flex;flex-direction:column;height:8rem;align-content:center;justify-content:space-between}@-webkit-keyframes inputAnime{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@keyframes inputAnime{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:1}}.m-top{margin-top:1rem}#cancel{margin-left:2rem}@-webkit-keyframes ldio-rqggut5n3ml{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ldio-rqggut5n3ml{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ldio-rqggut5n3ml div{position:absolute;-webkit-animation:ldio-rqggut5n3ml 1s linear infinite;animation:ldio-rqggut5n3ml 1s linear infinite;width:160px;height:160px;top:20px;left:20px;border-radius:50%;box-shadow:0 4px 0 0 #e15b64;-webkit-transform-origin:80px 82px;transform-origin:80px 82px}.loadingio-spinner-eclipse-sud2kb4xjzf{width:200px;height:200px;display:inline-block;overflow:hidden;background:#fff}.ldio-rqggut5n3ml{width:100%;height:100%;position:relative;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0}.chart__body{display:grid;place-content:center}.chart__container{margin-left:5rem}@-webkit-keyframes moveLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes sunLoop{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}20%{-webkit-transform:rotate(100deg);transform:rotate(100deg)}40%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}60%{-webkit-transform:rotate(240deg);transform:rotate(240deg)}80%{-webkit-transform:rotate(320deg);transform:rotate(320deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes sunLoop{0%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}20%{-webkit-transform:rotate(100deg);transform:rotate(100deg)}40%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}60%{-webkit-transform:rotate(240deg);transform:rotate(240deg)}80%{-webkit-transform:rotate(320deg);transform:rotate(320deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{margin:0;padding:0;box-sizing:border-box;background-color:#f8f8ff;font-family:"Roboto";overflow:scroll;scroll-behavior:smooth}@media(max-width:37.5em){body{overflow:scroll}}.container{display:grid;grid-template-rows:80px 1fr;grid-template-columns:.3fr 1fr}@media(max-width:37.5em){.container{grid-template-rows:40px 1fr;grid-template-columns:.3fr 100%}}.Nav{box-shadow:0 5px 10px rgba(0,0,0,.2);-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:1/1/2/3;background-color:#fff;display:-ms-grid;display:grid;align-items:center;justify-content:space-between;-ms-grid-rows:1fr;grid-template-rows:1fr;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.Nav__home{text-decoration:none}.Nav__logobox{flex-grow:1;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.Nav__logobox:hover{-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}.Nav__logo{margin:10px;width:25rem}.ul{transition:all .4s}.bar{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1;grid-area:2/1/3/2;display:flex;transition:all .5s}.bar__bar{text-transform:uppercase;position:relative;width:100%;margin-top:25px}@media (max-width:112.5em){.bar__bar{display:none}}.bar__list{text-transform:uppercase;position:relative;width:100%;margin-top:25px}.bar__items{font-family:"Roboto",sans-serif;background-color:#000;height:100%}@media (max-width:37.5em){.bar__items{transition:-webkit-transform .5s cubic-bezier(.895,.03,.685,.22);transition:transform .5s cubic-bezier(.895,.03,.685,.22);transition:transform .5s cubic-bezier(.895,.03,.685,.22),-webkit-transform .5s cubic-bezier(.895,.03,.685,.22);height:100%}}.bar__ul{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;list-style:none;-webkit-padding-start:0;padding-inline-start:0;transition:all .4s}.bar__ul>li:first-child{display:none}@media (max-width:37.5em){.bar__ul>li:first-child{display:inline-block}}@media (max-width:37.5em){.bar__ul>li:not(:first-child){display:none}}.bar__ul__phone{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;list-style:none;-webkit-padding-start:0;padding-inline-start:0;width:20rem;transition:all .4s}.bar__ul__phone>li:first-child{margin-top:2rem}@media (max-width:37.5em){.bar__ul__phone>li{display:inline-block}}.bar__link:link,.bar__link:visited{position:relative;z-index:10;display:block;text-decoration:none;color:#fff;padding:10px}.bar__list:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background-color:#e2006a;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;transform-origin:bottom;transition:width .4s cubic-bezier(1,0,0,1) .2s,-webkit-transform .2s;transition:transform .2s,width .4s cubic-bezier(1,0,0,1) .2s;transition:transform .2s,width .4s cubic-bezier(1,0,0,1) .2s,-webkit-transform .2s}.bar__list:hover:before,.bar__list__selected:before{-webkit-transform:scaleY(1);transform:scaleY(1);width:100%}.none{visibility:hidden;opacity:0}
/*# sourceMappingURL=main.e2962a63.chunk.css.map */