@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400&display=swap');
html{background-color:#EBC0CF}
body{background:#EBC0CF;position:relative}
html,
body{font-family:"Noto Sans TC",serif;font-weight:400;width:100%;min-height:100%;color:#454545;font-size:12px;line-height:1.5;max-width:450px;margin:auto}
html #layout-content,
body #layout-content{position:relative;margin-top:66px;height:100%}
header#layout-header{background-color:#173C29;height:66px;position:fixed;max-width:450px;top:0;left:50%;transform:translateX(-50%);width:100%;z-index:1000;box-shadow:0 1px 1px rgba(0,0,0,0.3)}
header#layout-header .logos{display:flex;align-items:center;justify-content:center;height:100%}
header#layout-header .logos img{height:28px}
.btn-box a{text-decoration:unset;color:#fff}
.btn img{height:64px;width:auto}
.errors{text-align:center;color:#f00;margin:5px 0;font-size:14px}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px white inset}
.vertical-bar{width:1px;height:40px;background-color:#FFF}
.bg-image{width:100%}
.bg-image img{width:100%}
.button-circle-effect{position:absolute;width:92.59999999999999%;height:68%;left:4.2%;top:15%;border-radius:25px;justify-content:center;display:flex;align-items:center;overflow:hidden}
.button-circle-effect::before{position:absolute;content:' ';display:block;width:60px;height:200px;background:linear-gradient(90deg,transparent,#ea6113,#f88f22,#ffe3b3,#fbb931,transparent);filter:blur(20px) brightness(1.15) saturate(1.25);opacity:0.9}
@keyframes rotation_1{0%{transform:rotateZ(0deg)}0%{transform:rotateZ(360deg)}}
.tnc-link{color:inherit;text-decoration:underline;cursor:pointer}
.tnc-link:hover{opacity:0.8}
.tnc-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.tnc-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7)}
.tnc-modal-content{position:relative;width:90%;max-width:600px;max-height:80vh;margin:5vh auto;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.3)}
.tnc-modal-close{position:absolute;top:10px;right:10px;width:30px;height:30px;background:rgba(0,0,0,0.5);color:#fff;border:none;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}
.tnc-modal-close:hover{background:rgba(0,0,0,0.7)}
.tnc-modal-body{padding:30px;max-height:80vh;overflow-y:auto}
.home-section .home-bg img{width:100%}
.home-section .home-form{position:absolute;top:71%;width:100%;padding:0 3.5rem}
.home-section .home-form .home-form__inner{width:100%;border:1px #FFF solid;background-color:rgba(255,255,255,0.7);padding:1.8rem 1.4rem;border-radius:1.4rem;color:#ff5100;position:relative;padding-bottom:3.6rem}
.home-section .home-form .home-form__inner .btn{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);padding:0;border:0;background:transparent;width:auto}
.home-section .home-form .home-form__inner .btn img{position:relative;z-index:2}
.home-section .home-form .home-form__inner h2,
.home-section .home-form .home-form__inner .form-label{font-weight:bold}
.home-section .home-form .home-form__inner .form-label,
.home-section .home-form .home-form__inner .form-control{font-size:1.2rem}
.home-section .home-form .home-form__inner .form-control{border:1px solid #f0b64a;border-radius:1.5rem;background-color:transparent}
.home-section .home-form .home-form__inner .form-label,
.home-section .home-form .home-form__inner input[type="text"],
.home-section .home-form .home-form__inner input[type="tel"],
.home-section .home-form .home-form__inner input[type="email"]{height:34px;line-height:34px;margin:0}
.home-section .home-form .home-form__inner .form-check .form-check-label{font-size:1.2rem;padding-left:0.8rem;cursor:pointer}
.home-section .home-form .home-form__inner .form-check .form-check-input{background-color:transparent;border-radius:0;width:1.4rem;height:1.4rem;border-color:#f0b64a;cursor:pointer}
.home-section .home-form .home-form__inner .form-check .form-check-input:checked{background-color:transparent;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M3 8l3 3 7-7'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:70% 70%}
.home-section .button-circle-effect::before{animation:rotation_1 5000ms infinite linear;height:300px}