html,body{width:100%;height:100%;box-sizing:border-box;user-select:none}body{position:relative;padding-top:44px;min-height:100%;margin:0;font-family:-apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', Arial, '微軟正黑體', sans-serif;background-color:white;color:#4A4A4A}*,*:before,*:after{box-sizing:inherit}a{text-decoration:none;outline:0}input,textarea,button,select,label,a{-webkit-tap-highlight-color:transparent}.loading{width:100vw;height:100vh;position:fixed;background:rgba(255,255,255,0.8);z-index:888;left:0;top:0;display:none}.loading.active{display:flex;justify-content:center;align-items:center}.loading>div{text-align:center}.loading p{color:#0078c8}.loading .loader{width:48px;height:48px;margin:0 auto;border-radius:50%;display:inline-block;position:relative;border:3px solid;border-color:#0078c8 #0078c8 transparent transparent;animation:rotation 1.5s linear infinite}.loading .loader:after,.loading .loader:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px solid;border-color:transparent transparent #AFAFAF #AFAFAF;width:40px;height:40px;border-radius:50%;animation:rotationBack 1s linear infinite;transform-origin:center center}.loading .loader:before{width:32px;height:32px;border-color:#0078c8 #0078c8 transparent transparent;animation:rotation 2s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}header{position:fixed;top:0;right:0;left:0;box-shadow:0 0 0 0 rgba(0,0,0,0.2);height:44px;display:table;width:100%;z-index:1000;background:#0078c8;color:white}header .header__left,header .header__center{display:table-cell;vertical-align:middle;height:44px;position:absolute;left:0;top:0}header .header__left{width:100px;white-space:nowrap;z-index:1;display:flex}header .header__center{width:100%;text-align:center;font-weight:bold;line-height:44px;z-index:0}header .header__back,header .header__menu{width:44px;height:44px;display:block;background-repeat:no-repeat;background-size:100% 100%}header .header__back:active,header .header__menu:active{background-color:rgba(0,0,0,0.4)}header .header__menu{background-image:url(../image/header-menu.png)}header .header__back{background-image:url(../image/header-back.png);background-size:80%;background-position:center}nav{width:70vw;position:fixed;top:44px;right:45px;bottom:0;left:0;z-index:999;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;transform:translateX(-100%);transition:transform 150ms ease}nav.active{transform:translateX(0%);box-shadow:2px 0px 4px 2px rgba(0,0,0,0.15)}.nav__item{padding:10px;display:block}.nav__item--link{padding-left:30px;line-height:35px;color:#9C9B9B;letter-spacing:1px;font-weight:bold}.nav__item--link:hover{color:#0078c8}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;display:none;background-color:rgba(255,255,255,0.2)}.overlay.active{display:block}#index{position:relative;padding:0 0 20px}#index .situation{width:100%;height:240px;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:cover}#index .main-item{margin:20px 10px 10px 10px;display:block}#index .main-item:nth-child(3){margin:0 10px}#index .main-item .item{width:48.5%;height:90px;line-height:120%;display:flex;text-align:center;justify-content:center;align-items:center;border-radius:4px;color:#fff}#index .main-item .item.blue{background:#0078c8}#index .main-item .item.green{background:#36AD1B}#index .main-item .item.teal100{background:#68B5AC}#index .main-item .item.pink{background:#EAA48E}#index .precautions{margin:20px 10px;overflow:hidden}#index .precautions h5{color:#AFAFAF;font-size:1rem;margin:0 0 15px;font-weight:600}#index .precautions ul{position:relative;margin:0;padding:0}#index .precautions ul li{padding:0 0 0 20px;color:#AFAFAF;position:relative;list-style:none}#index .precautions ul li:before{content:'';display:block;position:absolute;width:3px;height:3px;border-radius:4px;background:#AFAFAF;left:6px;top:10px}#donateoverview{position:relative}#donateoverview .sub-title{height:44px;background:#eaeaea;text-align:center;color:#0078c8;line-height:44px}#donateoverview .sub-title:before{content:'';display:block;width:20px;height:18px;margin:0 5px 0 0;background-image:url(../image/overview01.jpg);background-size:contain;background-repeat:no-repeat}#donateoverview .situation{width:100%;margin:0 auto;overflow:hidden}#donateoverview .situation .image{width:100%;height:250px;background-repeat:no-repeat;background-position:center;background-size:cover}#donateoverview .situation a{width:200px;height:36px;border-radius:4px;background-color:#0078c8;line-height:36px;text-align:center;color:#fff;margin:20px auto 0 auto}#donateoverview .situation a:before{content:'';display:block;width:25px;height:13px;margin:0 5px 0 0;background-image:url(../image/overview03.jpg);background-size:contain;background-repeat:no-repeat}#donateoverview .list-wrap{margin:22px 15px 0 15px;overflow:hidden}#donateoverview .list-wrap .list{width:48%;height:auto;border-radius:8px;background-color:#fff;border:#0078c8 1px solid;margin:0 0 20px}#donateoverview .list-wrap .list h2{color:#0078c8;text-align:center;padding:7px 0;font-size:1rem;margin:0}#donateoverview .list-wrap .list img{width:100%;height:auto}#donateoverview .list-wrap .list a{width:77%;height:36px;border-radius:4px;background-color:#0078c8;line-height:36px;text-align:center;display:block;color:#fff;margin:10px auto}#donatedetail{position:relative;padding:0 0 20px}#donatedetail .situation{width:100%;height:250px;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:cover}#donatedetail .info-wrap{margin:22px 20px 0 20px;overflow:hidden}#donatedetail .info-wrap h2{color:#0078c8;padding:7px 0;font-size:1rem;font-weight:600;padding:0}#donatedetail .info-wrap .txt{color:#9C9B9B;line-height:160%}#donatedetail .btn-wrap{margin:10px 20px 15px 20px}#donatedetail .btn-wrap a{color:#fff;text-align:center;line-height:50px;width:48.5%;height:50px;border-radius:6px;background-color:#F93D4A}#donatedetail .btn-wrap a:last-child{width:48.5%;height:50px;border-radius:6px;background-color:#0078c8;margin:0}#personalinfo .modal-header{padding:10px 0;text-align:center;background:#0078c8;color:#fff;border-bottom:none}#personalinfo .modal-header h5{font-size:1rem;margin:0 auto}#personalinfo .modal-body{background:#e9f4f3;margin:20px 15px 0 15px;border-radius:4px}#personalinfo .modal-footer{border-top:none;justify-content:center}#personalinfo .modal-footer button{width:180px;height:50px;border-radius:6px;background-color:#EAEAEA;color:#0078c8;border:none}#donate{position:relative;margin:0}#donate form{margin:10px 0 0}#donate form.info .tax-address>div:first-child{padding:5px 0 0;width:35%}#donate form.info .tax-address>div:nth-child(2){padding:5px 0 0;width:18%}#donate form.info .tax-address>div:nth-child(3),#donate form.info .tax-address>div:nth-child(4){width:28%}#donate form.info .tax-address>div .form-select{width:95%;margin:0}@media only screen and (max-width: 360px){#donate form.info .tax-address .form-check-label{font-size:0.8rem}}#donate form.info .mb-2{overflow:hidden}#donate form.info .form-label{color:#0078c8}#donate form.info .form-select{width:35%;margin:0 10px 0 0;float:left;background-color:#E7F1EF;color:#0078c8;border:none}#donate form .red{color:#F93D4A}#donate form .btn{width:calc((100% - 10px)/2);height:36px;border-radius:4px;background-color:#0078c8;color:#fff}#donate form .btn.cancel{background:#EAEAEA;color:#0078c8}#donate form h6{color:#0078c8}#donate form .form-check,#donate form .form-check-label{color:#0078c8;padding-bottom:7px}#donate form .form-check-input{width:18px;height:18px;margin-top:0.18em;line-height:140%;border:1px solid #0078c8}#donate form .form-check-input:checked{background-color:#0078c8}#donate form .form-check-input[type="checkbox"]{border-radius:30px}#donate form .bline{border-bottom:1px solid #eaeaea}#donate form .form-label{color:#68B5AC}#donate form .max{color:#9C9B9B;font-size:0.86rem;margin:3px 0 0}#donate form .amount{padding:0;margin:0 0 10px}#donate form .amount li{width:calc((100% - 30px)/4);height:45px;border-radius:4px;background-color:#fff;border:1px solid #68B5AC;list-style:none;text-align:center;color:#68B5AC;margin:0 10px 10px 0}#donate form .amount li:nth-child(4n){margin:0 0 10px 0}#donate form .amount li a{width:100%;height:100%;line-height:45px;display:inline-block;color:#68B5AC}#donate form .amount li.active{width:calc((100% - 30px)/4);height:45px;border-radius:4px;background-color:#68B5AC;color:#fff}#donate form .amount li.active a{color:#fff}.was-validated .form-control:invalid{border:1px solid #F93D4A}#infocheck .modal-header{background:#68B5AC;color:#fff;padding:0.5rem 1rem}#infocheck .modal-header h5{margin:0 auto;font-size:1.2rem}#infocheck .modal-content{border:none}#infocheck .modal-body ul{position:relative;padding:0;margin:0}#infocheck .modal-body ul li{list-style:none;margin:0 0 3px}#infocheck .modal-footer{border-top:none}#infocheck .modal-footer button{background:#0078c8;width:calc((100% - 10px)/2);margin:0}#infocheck .modal-footer button.cancel{background:#EAEAEA;color:#0078c8;border:none}#result{position:relative;background:#d6d6d6;height:calc(100vh - 44px);box-sizing:border-box;padding:20% 0 0}#result.fail .main-wrap{border:1px solid #F93D4A}#result.fail .main-wrap h4{color:#F93D4A}#result .main-wrap{width:80%;height:auto;border-radius:10px;background-color:#fff;border:1px solid #36AD1B;margin:0 auto;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.15);text-align:center}#result .main-wrap img{width:62px;height:auto;margin:25px auto 10px auto}#result .main-wrap h4{color:#36AD1B;margin:0 0 30px;padding:0;font-size:1.6rem}#result .main-wrap p{padding:0;margin:0;color:#0078c8;text-align:center}#result .main-wrap a{width:60%;height:40px;border-radius:4px;background-color:#0078c8;color:#fff;text-align:center;line-height:40px;display:block;margin:45px auto 20px auto}#history{position:relative}#history .sub-title{background:#02435f;color:#fff;padding:12px}#history .sub-title h2{font-size:1.26rem;margin:0}#history .sub-title h2 p{padding:0;margin:5px 0 0;font-size:0.9rem}#history .sub-title .select-wrap{position:relative}#history .sub-title .select-wrap::before{content:'';display:block;position:absolute;top:42%;right:8px;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#0078c8 transparent transparent transparent;transition:.25s all ease;pointer-events:none}#history .sub-title .select-wrap select{width:90px;height:30px;background:#fff;color:#0078c8;outline:none;border-radius:30px;border:none;padding:0 0 0 10px;-webkit-appearance:none}#history .list-wrap{margin:0;overflow:hidden}#history .list-wrap .list{padding:14px 18px;background:#e7f4f8;color:#02435f}#history .list-wrap .list:nth-child(2n){background:#c8e7f0}