﻿@charset "UTF-8";#HeaderDiv>nav{background:#677a47}#HeaderDiv>nav .titleZone{color:#fff;text-align:center;font-size:1.8em;font-weight:bold;padding:10px;padding-top:15px;padding-bottom:15px}#HeaderDiv .htitleZone{margin:auto;max-width:100%;padding:20px;text-align:center;background-color:#fff;border-radius:10px;box-shadow:rgba(9,30,66,.25) 0 1px 1px,rgba(9,30,66,.13) 0 0 1px 1px}#FooterDiv{padding-bottom:50px}#FooterDiv .lastTitle{padding-right:20px;padding-left:20px;padding-top:20px;text-align:center;color:#3f3f3f}#IndexDiv .BMICard{border:3px solid #064452;border-radius:38px;padding:40px;background-color:#fef3f3;position:relative;z-index:1}#IndexDiv .BMICard h2{font-size:1.6em;text-align:center}#IndexDiv .BMICard .btitle{font-size:1.2em;text-align:center;line-height:1.6}#IndexDiv .BMICard .tTitle{font-size:1.2em;margin-bottom:10px}#IndexDiv .BMICard .infoEx{color:hsl(220,39%,30%)}@media(max-width:768px){#IndexDiv .BMICard{padding:25px;font-size:.8em}}#IndexDiv .infoCard{border:3px solid #5a6836;border-radius:38px;padding:40px;background-color:#fef3f3;position:relative;z-index:1}#IndexDiv .infoCard h2{font-size:1.6em;text-align:center}#IndexDiv .infoCard .infoex{text-align:center;font-size:.9em}#IndexDiv .infoCard .ansBox{text-align:center;border:1px solid hsl(220,39%,30%);padding:10px;font-size:1.2em;border-radius:10px;background-color:#fff}#IndexDiv .infoCard .ansBox h3{font-size:1.2em;text-align:center;line-height:1.6em;color:hsl(220,39%,30%)}#IndexDiv .infoCard .ansBox .aContent{font-size:1.1em;text-align:center;line-height:1.6em}#IndexDiv .infoCard .smTitle{font-size:1.1em;text-align:center;line-height:1.6em}@media(max-width:768px){#IndexDiv .infoCard{padding:25px;font-size:.8em}}#IndexDiv .peopleImg{background-image:url(../../images/bmitop.webp);background-repeat:no-repeat;background-size:contain;background-position:center;height:250px;position:relative;top:30px;z-index:2}#IndexDiv .pushable{margin:auto;max-width:100%;width:300px;position:relative;background:transparent;padding:0;border:0;cursor:pointer;outline-offset:4px;outline-color:#ff1493;transition:filter 250ms;-webkit-tap-highlight-color:rgba(0,0,0,0)}#IndexDiv .shadow{position:absolute;top:0;left:0;height:100%;width:100%;background:hsl(226,25%,69%);border-radius:8px;filter:blur(2px);will-change:transform;transform:translateY(2px);transition:transform 600ms cubic-bezier(.3,.7,.4,1)}#IndexDiv .edge{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:8px;background:linear-gradient(to right,hsl(248,39%,39%) 0%,hsl(248,39%,49%) 8%,hsl(248,39%,39%) 92%,hsl(248,39%,29%) 100%)}#IndexDiv .front{display:block;position:relative;border-radius:8px;background:hsl(248,53%,58%);padding:16px 32px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;font-size:1.5em;transform:translateY(-4px);transition:transform 600ms cubic-bezier(.3,.7,.4,1)}#IndexDiv .pushable:hover{filter:brightness(110%)}#IndexDiv .pushable:hover .front{transform:translateY(-6px);transition:transform 250ms cubic-bezier(.3,.7,.4,1.5)}#IndexDiv .pushable:active .front{transform:translateY(-2px);transition:transform 34ms}#IndexDiv .pushable:hover .shadow{transform:translateY(4px);transition:transform 250ms cubic-bezier(.3,.7,.4,1.5)}#IndexDiv .pushable:active .shadow{transform:translateY(1px);transition:transform 34ms}#IndexDiv .pushable:focus:not(:focus-visible){outline:0}#IndexDiv .errorZone{text-align:center;border:1px solid #f00;padding:10px;font-size:1.2em;color:#f00;border-radius:10px}#IndexDiv #result-box{text-align:center;border:1px solid;padding:10px;font-size:1.2em;border-radius:10px;background-color:#fff}#IndexDiv #result-box .bvalue{font-weight:bold;font-size:2em;margin-top:10px;margin-bottom:10px}#IndexDiv .bmi-scale{--min:10;--max:40;--bmi:23.7;--p18_5:calc((18.5 - var(--min))/(var(--max) - var(--min))*100%);--p24:calc((24 - var(--min))/(var(--max) - var(--min))*100%);--p27:calc((27 - var(--min))/(var(--max) - var(--min))*100%);--pos:calc((var(--bmi) - var(--min))/(var(--max) - var(--min))*100%);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans TC",sans-serif;max-width:100%;margin:24px auto;padding:12px 16px 18px}#IndexDiv .bmi-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}#IndexDiv .bmi-title{font-weight:700;font-size:1.05rem}#IndexDiv .bmi-value{font-variant-numeric:tabular-nums;color:#222}#IndexDiv .bmi-bar{position:relative;height:20px;border-radius:999px;overflow:visible;background:linear-gradient(to right,#51b4e2 0%,#51b4e2 var(--p18_5),#7dc27f var(--p18_5),#7dc27f var(--p24),#e9cc6e var(--p24),#e9cc6e var(--p27),#d46c77 var(--p27),#d46c77 100%),repeating-linear-gradient(to right,rgba(0,0,0,.18) 0 1px,transparent 1px calc(100%/(var(--max) - var(--min)))),repeating-linear-gradient(to right,rgba(0,0,0,.28) 0 2px,transparent 2px calc(500%/(var(--max) - var(--min))));background-blend-mode:normal,multiply,normal;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}#IndexDiv .bmi-pointer{position:absolute;left:clamp(0%,var(--pos),100%);bottom:100%;transform:translateX(-50%);display:grid;place-items:center;gap:2px;z-index:1;top:20px}#IndexDiv .bmi-pointer::before{content:"";width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid #333;filter:drop-shadow(0 1px 0 rgba(0,0,0,.15))}#IndexDiv .bmi-legend{display:grid;grid-template-columns:var(--p18_5) calc(var(--p24) - var(--p18_5)) calc(var(--p27) - var(--p24)) calc(100% - var(--p27));margin-top:10px;font-size:.9rem;line-height:1.35;color:#333}#IndexDiv .bmi-legend>div{text-align:center;padding-top:6px}#IndexDiv .bmi-legend small{display:block;color:#666;font-variant-numeric:tabular-nums}#IndexDiv .bmi-range{display:flex;justify-content:space-between;margin-top:6px;color:#666;font-size:.88rem;font-variant-numeric:tabular-nums}@media(max-width:480px){#IndexDiv .bmi-legend{font-size:.82rem}#IndexDiv .bmi-title{font-size:1rem}}#IndexDiv .is-under{border-color:#299ace;color:#299ace}#IndexDiv .is-healthy{border-color:#509352;color:#509352}#IndexDiv .is-over{border-color:#dfb52c;color:#dfb52c}#IndexDiv .is-obese{border-color:#9a1826;color:#9a1826}body{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;background-color:#f0f2f5;margin:0;padding:0}table{word-break:break-all}h1,h2,h3,h4,h5,h6{font-size:1em;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}.container{margin:auto;max-width:100%;width:1000px;padding-left:15px;padding-right:15px;box-sizing:border-box}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}::-webkit-scrollbar-thumb{background:#8a8a8a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#5d5d5d}a{text-decoration:none}a:hover{text-decoration:none}.form-control{box-sizing:border-box;display:block;width:100%;font-size:1.2em;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.375rem;padding:.5rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out;outline:0}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:hover:not(:disabled):not([readonly]){border-color:#aeb6bd}.form-control:focus,.form-control:focus-visible{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.mb1{margin-bottom:10px}.mb2{margin-bottom:20px}.mb3{margin-bottom:30px}.mt1{margin-top:10px}.mt2{margin-top:20px}.mt3{margin-top:30px}.hidden{display:none}