@charset "UTF-8";body{margin:0;background:#ffe7c1 url(bg.png) top center fixed no-repeat;background-size:cover;color:#4E4E4E;font-family:Arial,Helvetica,"微軟正黑體" !important;display:flex;min-height:100vh;flex-direction:column}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}a[href^="tel"]{color:inherit !important;text-decoration:none !important;background:transparent !important}.wrapper{width:100%;margin:0 auto;text-align:center;flex:1;font-size:23px}footer{width:100%;height:30px;color:#939393;font-size:11px;text-align:center;overflow:hidden}input,select{width:100%;margin:0;padding:12px 15px;display:inline-block;border:1px solid #c6c6c6;border-radius:3px;box-shadow:none;color:#00ADBA;font-size:1em;font-family:Arial,Helvetica,"微軟正黑體" !important;appearance:none;-moz-appearance:none;-webkit-appearance:none}label{position:relative;top:15px;display:inline-block}select{background:#fff url("data:image/svg+xml,<svg height='25px' width='25px' viewBox='0 0 16 16' fill='%23989898' xmlns='http://www.w3.org/2000/svg'><path d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") no-repeat;background-position:calc(100% - 15px) center !important}input:focus,select:focus{outline:none}::placeholder{color:#bcbcbc}::-ms-reveal{display:none}button{width:100%;margin:0 auto;padding:3% .5rem;font-family:Arial,Helvetica,"微軟正黑體" !important;font-size:1.1em;color:white;border:none;border-radius:5px;cursor:pointer;background-image:linear-gradient(135deg, #f27900 0%, #ffb50a 100%);box-shadow:0 6px 1px 0 #fd9d0d;background-size:130% auto;background-position:right bottom;transition:background-position 0.4s}button:hover{background-size:170% 100%;background-position:left bottom}.enterZONE{width:90%;max-width:600px;min-height:calc(100vh - 30px - 8rem);margin:0 auto;padding:3rem 0 5rem;font-size:1em}img.login_logo{width:92%;max-width:400px;margin:0 auto}.enterZONE h1{width:100%;display:block;margin:1rem auto 0;padding:.7rem;color:#00ADBA;font-size:1.1em;font-weight:bolder;letter-spacing:.3em;text-indent:.3em;border-top:2px solid #7cd4da;border-bottom:2px solid #7cd4da;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 25%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.7) 85%, rgba(255,255,255,0) 100%)}.enterZONE h2{margin:1.7rem auto 10%;font-size:1.5em;font-weight:bolder;color:#f97d00;letter-spacing:.55em;text-indent:.55em}.enterZONE h2 span{color:#ffbd7b;font-weight:normal}.formBOX{width:96%;margin:0 auto;font-weight:bold}.formBOX .formItem{margin-top:5%;display:flex;flex-wrap:wrap;text-align:left}.formBOX .formItem:first-of-type{margin-top:0}.formBOX .formItem label{width:140px}.formBOX .formItem input,.formBOX .formItem select,.formBOX .formItem div{flex:1}.formBOX.start{max-width:500px;margin:0 auto}.formBOX.start .formItem label{width:100px}.formBOX .formItem.pwItem{position:relative}.formBOX .formItem.pwItem input{padding-right:45px}.pwItem i{display:inline-block;width:25px;height:25px;position:absolute;right:14px;top:14px;z-index:1;cursor:pointer}.pwItem i::after{content:"";display:block;cursor:pointer;width:100%;height:100%;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:#989898;mask-repeat:no-repeat;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}i.pw_eye::after{-webkit-mask-image:url(icon_eye.svg);mask-image:url(icon_eye.svg)}i.pw_eye_slash::after{-webkit-mask-image:url(icon_eye_slash.svg);mask-image:url(icon_eye_slash.svg)}.keepAndforget{max-width:500px;margin:2% auto 0;font-size:.9em;display:flex;justify-content:flex-end;align-items:center}.keepAndforget .keep{display:inline-block}.keep label.option{padding-left:23px;cursor:pointer;user-select:none;top:0;position:relative}.keep label.option input{width:0;height:0;margin:0;padding:0;opacity:0;cursor:pointer}.checkmark{width:18px;height:18px;position:absolute;top:0;left:0;border:1px solid #939190;border-radius:2px}.checkmark:after{content:"\2713";display:none;position:absolute;left:2px;top:-1px;color:#fff}.keep label.option input:checked ~ .checkmark{border:none;background-color:#00ADBA;transition:300ms ease-in-out all}.keep label.option input:checked ~ .checkmark:after{display:block}.keepAndforget a{display:inline-block;font-weight:bold;color:#00ADBA;text-decoration:none}.keepAndforget a:hover{color:#f97d00}.keepAndforget a:hover::before{background-color:#f97d00}.keepAndforget a::before{content:"";display:inline-block;position:relative;top:2px;right:2px;cursor:pointer;width:20px;height:20px;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:#00ADBA;mask-repeat:no-repeat;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url(icon_q.svg);mask-image:url(icon_q.svg)}p.notice{width:100%;margin:1.5rem 0 0;color:#dd1c33;font-size:0.9em;text-align:center}p.notice i{content:"";display:inline-block;position:relative;top:2px;right:2px;width:19px;height:19px;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:#dd1c33;mask-repeat:no-repeat;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url(icon_notice.svg);mask-image:url(icon_notice.svg)}.enterZONE button{max-width:500px;margin:0 auto;border-radius:999em}button.enter.login{margin-top:9%}button.register{margin-top:5%;background-image:linear-gradient(135deg, #00848b 0%, #31cbd3 100%);box-shadow:0 6px 1px 0 #13aab2}.formBOX .getWrapper{height:100%;display:flex;align-items:stretch;flex-wrap:wrap}.formBOX .getWrapper input{flex:1;border-radius:3px 0 0 3px;border-right:0px}.getWrapper button.get_code{width:170px;margin:0;padding:12px 5px;font-size:.85em;border:1px solid #00ADBA;background:#00ADBA;box-shadow:none;border-radius:0 3px 3px 0}.getWrapper button.get_code.sent{background:#cdcdcd;border-color:#cdcdcd;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button.get_code:not(.sent):hover{background:#31cbd3}p.notice.code{margin:9px 0 0;text-align:left;line-height:1.4rem;display:flex}p.notice.code::before{content:"※";margin-right:2px}p.notice.wrong{margin:9px 0 0 0;text-align:left;padding-left:140px}.enterZONE .BNs{margin-top:3rem;display:flex;align-items:center;flex-direction:row}.enterZONE .BNs button{flex:1;margin:0 auto;margin-left:.5rem}.BNs button.enter{order:2;background-image:linear-gradient(135deg, #f96d02 0%, #ff9d0a 100%);box-shadow:0 6px 1px 0 #ff8a04}.BNs button.cancel{margin-left:0;order:1;background:#8eb6b9;box-shadow:0 6px 1px 0 #7faaad}button.cancel:hover{background:#7faaad}p.notice.code.success{color:#019c51}p.notice.code.fail{color:#ec2f4b}p.notice.code.success::before{content:"";display:inline-block;position:relative;top:2px;right:2px;width:20px;height:20px;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:#019c51;mask-repeat:no-repeat;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url(icon_check.svg);mask-image:url(icon_check.svg)}p.notice.code.fail::before{content:"";display:inline-block;position:relative;top:2px;right:2px;width:20px;height:20px;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:#ec2f4b;mask-repeat:no-repeat;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url(icon_x.svg);mask-image:url(icon_x.svg)}a.how{margin-top:9px;display:block;text-align:end;font-size:.8em;color:#f97d00;cursor:pointer}a.how:hover{color:#ff9d0a}a.how:hover::before{border-top-color:#ff9d0a}a.how.down::before{content:"";width:0;height:0;display:inline-block;margin-right:2px;position:relative;top:-2px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #f97d00}a.how.up::before{content:"";width:0;height:0;display:inline-block;margin-right:2px;position:relative;top:-2px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #ff9d0a}.howBOX{display:none;margin-top:.3rem;padding:1rem;color:#f97d00;font-size:.9em;line-height:1.8rem;text-align:center;border:1px solid #ff9d0a;border-radius:3px}.howBOX.show{display:block}.howBOX img{width:100%;max-width:250px;margin:.5em auto 0;display:block;border-radius:1rem}.enterZONE.main{padding-top:1rem}.logout{margin:0 0 2rem 0;display:flex;justify-content:flex-end}.logout button{width:auto;margin:0;padding:.5rem 1.4rem;font-size:.8em;border-radius:999em;background-image:linear-gradient(135deg, #ff4f99 0%, #fca3c8 100%);box-shadow:0 4px 1px 0 #f86ca7}.logout button::before{content:"";display:inline-block;background-color:#fff;position:relative;top:2px;right:3px;width:17px;height:17px;-webkit-mask-size:100% 100%;mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url(icon_power.svg);mask-image:url(icon_power.svg)}p.intro{margin-bottom:2%;font-size:.9em;line-height:1.6rem;display:flex;justify-content:center}p.intro::before{content:"※";margin-right:2px}.formBOX.link{width:100%;margin:0 auto 3rem;padding:5% 6% 7.5%;background:rgba(255,255,255,0.5);border-radius:1.8rem}.formBOX.frame01{border:2px solid #ff9d0a;box-shadow:rgba(230,88,0,0.25) 0px 25px 8px -10px}.formBOX.frame02{border:2px solid #5CC2CF;box-shadow:rgba(2,177,171,0.25) 0px 25px 8px -10px}.formBOX.frame03{border:2px solid #fca3c8;box-shadow:rgba(213,2,104,0.25) 0px 25px 8px -10px}.formBOX h3{margin:0 auto 1.5rem;font-size:1.7em;font-weight:bolder;text-align:center;display:flex;justify-content:center;align-items:center}.formBOX.frame01 h3{color:#f97d00}.formBOX.frame02 h3{color:#00ADBA}.formBOX.frame03 h3{color:#ff4f99}.formBOX h3::before{content:"";display:inline-block;margin-right:4px;width:38px;height:38px;-webkit-mask-size:100% 100%;mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url(icon_head.svg);mask-image:url(icon_head.svg)}.formBOX.frame01 h3::before{background-color:#f97d00}.formBOX.frame02 h3::before{background-color:#00ADBA}.formBOX.frame03 h3::before{background-color:#ff4f99}.formBOX .formItem.numCode label{width:107px}.formBOX .formItem.numCode input:disabled{background-color:#dbdbdb;border-color:#dbdbdb}.formBOX .formItem.numCode input:disabled::placeholder{color:#7c7c7c}.formBOX.link p.notice.wrong{padding-left:107px}.notice_number{margin:5% 0 5% 1.25em;text-indent:-1.25em;list-style-type:decimal;color:#6b6b6b;font-size:0.85em;font-weight:normal;line-height:1.8rem;text-align:left}.notice_number::before{content:"※";margin-right:2px}.notice_number li{margin:4px 0 0 0;padding-left:.5em;text-indent:-.5em}.notice_number span{color:#f3445b;font-size:1.2em;font-weight:bolder}.formBOX.link button.enter{max-width:none}.formBOX.link button.enter:nth-of-type(n+2){margin-top:1rem}.formBOX.frame02 button.enter{background-image:linear-gradient(135deg, #00848b 0%, #31cbd3 100%);box-shadow:0 6px 1px 0 #13aab2}.formBOX.frame03 button.enter{background-image:linear-gradient(135deg, #ea2175 0%, #ed80ad 100%);box-shadow:0 6px 1px 0 #ee619b}.SNS{margin:5rem auto 0;text-align:center}.SNS p{margin-bottom:3%;font-size:1.2em;font-weight:bolder;line-height:2rem}.SNS p span{font-size:1.2em;color:#f3445b}.SNS p span::before{content:"";display:inline-block;background-color:#f3445b;position:relative;top:4px;right:2px;width:30px;height:30px;-webkit-mask-size:100% 100%;mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url(icon_phone.svg);mask-image:url(icon_phone.svg)}.SNS p span b{margin:0 4px;font-size:1.07em;letter-spacing:0.02em}.SNS p a.line{margin:0 4px;padding:1% 5%;color:#fff;background:#06c755;text-decoration:none;border-radius:999em}.SNS p a:hover{background:#00af49}.SNS img{width:60%;max-width:400px;margin:3% auto 0;border-radius:3rem;border:3px solid #06c755;box-shadow:rgba(2,177,57,0.4) 0px 25px 8px -10px}.enterZONE.iframeWidth{max-width:950px;padding-top:1rem}.enterZONE.iframeWidth h2{margin-bottom:3%}#analysis_page{min-width:100%;border-radius:1rem}.enterZONE.iframeWidth button.enter{margin-top:3rem;padding:2% .5rem;display:flex;align-items:center;justify-content:center}.enterZONE.iframeWidth button.enter i{width:0;height:0;display:inline-block;margin-right:2px;opacity:.7;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #fff}.enterZONE.iframeWidth button.enter i:last-of-type{margin-right:6px}@media screen and (max-width: 1200px){body{background-image:none}body:before{content:"";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background:url(bg.png) top center no-repeat;background-size:cover}}@media screen and (max-width: 768px){.wrapper{font-size:20px}input,select{padding:.7rem;letter-spacing:0.04em}label{position:static;display:inline-block}footer span{padding:1.5% 2%;font-size:.9em}img.login_logo{max-width:350px}.formBOX .formItem{display:block;margin-top:1.7rem}.pwItem i{top:39px}.formItem label{margin-bottom:8px}.keepAndforget a::before{top:2px;width:17px;height:17px}p.notice.wrong{padding-left:0}.getWrapper button.get_code{width:140px}.enterZONE .BNs{margin-top:2rem;flex-direction:column}.enterZONE .BNs button{margin:0 0 1rem 0}.BNs button.cancel{order:2}.BNs button.enter{order:1}.howBOX{padding:.7rem;line-height:1.6rem}a.how.down::before,a.how.up::before{top:-1px}.logout button{padding:.4rem 1rem}.formBOX h3::before{width:32px;height:32px;margin-right:3px}.formBOX.link p.notice.wrong{padding-left:0}.notice_number{line-height:1.6rem}.SNS p{font-size:1.1em}.SNS p span::before{width:23px;height:23px}.SNS img{border-radius:2rem}.enterZONE.iframeWidth button.enter{padding:3% .5rem}}@media screen and (max-width: 576px){.enterZONE{width:92%;min-height:calc(100vh - 30px - 5rem);padding:2rem 0 3rem}img.login_logo{max-width:300px}.enterZONE h1{padding:.5rem}.enterZONE h2{margin-bottom:13%}.formBOX .formItem label{font-size:.85em}.logout{margin-bottom:1.5rem}.logout button::before{top:4px;right:3px}p.intro{margin-top:-2%;justify-content:flex-start;text-align:justify}.formBOX.link{padding:7% 5% 9%}.formBOX h3{font-size:7vmin;line-height:1.6rem;text-align:left}.formBOX h3::before{width:27px;height:27px}.SNS p{letter-spacing:-0.02em}.SNS p span{letter-spacing:normal}.enterZONE.iframeWidth h2{font-size:6.2vmin;letter-spacing:.3em;text-indent:.3em}}@media screen and (max-width: 414px){.enterZONE h2{letter-spacing:.4em;text-indent:.4em}}