@import"https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&family=Poppins:wght@400;500;600;700&display=swap";.custom-body{position:relative}.p-layout-custom{font-family:"微軟正黑體","Microsoft JhengHei","黑體","蘋果儷中黑",sans-serif}.p-layout-custom.p-layout-divider{min-height:100vh;background-attachment:fixed;background-repeat:no-repeat;background-position:center,left center;background-size:cover,cover;box-sizing:border-box}.p-layout-custom.p-layout-divider .close-button{position:absolute;z-index:10;cursor:pointer;top:44px;right:24px;width:22px;height:22px;background:url("/assets/media/svg/icons/General/Delete-cross-dark.svg");background-repeat:no-repeat}.p-layout-custom.p-layout-divider .container{max-width:81.35417%}@media screen and (max-width: 767px){.p-layout-custom.p-layout-divider .container{max-width:100%}}.p-layout-custom.p-layout-divider .form-block{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 1px);padding:12% 0 16% 0;box-sizing:border-box}@media(max-width: 575.98px){.p-layout-custom.p-layout-divider .form-block{padding-bottom:90px}}.p-layout-custom.p-layout-divider .divider-title{justify-content:center}.p-layout-custom.p-layout-divider .tip{margin-top:6%;margin-bottom:8%;text-align:center}.p-layout-custom.p-layout-divider form{padding:0 4.53125%}@media(max-width: 575.98px){.p-layout-custom.p-layout-divider form{padding:0}}.p-layout-custom.p-layout-divider .btn-solid{margin-top:4.4%}@media screen and (max-width: 1366px){.p-layout-custom.p-layout-member .main-content .container{max-width:calc(100% - 60px)}}@media screen and (max-width: 414px){.p-layout-custom.p-layout-member .main-content .container{max-width:100%}}@media screen and (max-width: 1366px){.p-layout-custom.p-layout-member .main-content{width:100%}}.p-layout-custom.p-id-card{background:url(/assets/images/myhowwoo/member/id-circle-bg.svg)}.p-layout-custom .member-container{display:flex;padding-top:60px}@media screen and (max-width: 767px){.p-layout-custom .member-container .divider-title .leftbar{background:#fafafa}}.p-layout-custom .main-content{width:calc(100% - 420px);padding-top:60px;padding-bottom:100px}.p-layout-custom .main-content .container{max-width:68.3%}.p-layout-custom .main-content .divider-title{justify-content:center;margin-bottom:60px}.p-layout-custom .member-sidebar{display:flex;flex-direction:column;max-width:100%;width:420px;padding:11% 3.2% 20px 3.2%;box-shadow:0 0 30px 0 rgba(0,0,0,.1);background-color:#fff}.p-layout-custom .member-sidebar.open #handle-member-menu-collapse{border:2px solid #5f33ff}.p-layout-custom .member-sidebar #handle-member-menu-collapse{display:none;width:44px;height:auto;padding:20px 10px;border:2px solid #6f6;border-radius:10px 0 0 10px;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;box-shadow:-4px 4px 5px 0 rgba(0,0,0,.03);background:#fff;position:absolute;right:100%;top:50%;transform:translateY(-50%)}@media screen and (max-width: 1366px){.p-layout-custom .member-sidebar #handle-member-menu-collapse{display:block}}.p-layout-custom .member-sidebar #handle-member-menu-collapse:focus{outline:unset}.p-layout-custom .member-sidebar .inner-wrapper{height:100%;overflow-y:auto}.p-layout-custom .member-sidebar .sidebar-title{padding-bottom:23px;margin-bottom:30px;font-size:18px;letter-spacing:1.8px;line-height:24px;color:#161616;position:relative}.p-layout-custom .member-sidebar .sidebar-title::before{content:"";width:100%;height:3px;background:linear-gradient(90deg, #5F33FF, #66ff66);position:absolute;left:0;bottom:0}.p-layout-custom .member-sidebar .member-nav{display:flex;flex-direction:column;padding:10px 10px 30px 10px;border-radius:10px;background-color:#f4f4f5}.p-layout-custom .member-sidebar .member-nav-link{padding:15px 0;border-bottom:1px solid #fff;font-size:15px;color:#161616;transition:all .3s ease}.p-layout-custom .member-sidebar .member-nav-link:hover,.p-layout-custom .member-sidebar .member-nav-link.active{color:#5f33ff}@media screen and (max-width: 1366px){.p-layout-custom .member-sidebar{position:relative;position:fixed;top:0;bottom:0;right:-420px;transition:right .3s ease;z-index:1000}.p-layout-custom .member-sidebar.open{right:0}}@media screen and (max-width: 576px){.p-layout-custom .member-sidebar{max-width:calc(100% - 44px);width:100%;right:calc(-100% + 44px)}}.p-layout-custom .divider-title{display:flex;align-items:center}.p-layout-custom .divider-title .en,.p-layout-custom .divider-title .ch{margin-bottom:0;color:#161616}.p-layout-custom .divider-title .en{font-family:"Goldman",cursive;font-size:50px;font-weight:700;text-transform:uppercase;line-height:60px}@media(max-width: 575.98px){.p-layout-custom .divider-title .en{font-size:36px;line-height:46px}}.p-layout-custom .divider-title .ch{font-size:22px;font-weight:500;letter-spacing:2.2px;line-height:30px;color:#161616}@media screen and (max-width: 767px){.p-layout-custom .divider-title .ch{display:none}}.p-layout-custom .divider-title .leftbar,.p-layout-custom .divider-title .rightbar{position:relative}.p-layout-custom .divider-title .leftbar{padding:11px 4.6% 11px 13.4%;border-right:1px solid #707070;transform:skewX(-45deg);background-color:#fafafa;z-index:1}.p-layout-custom .divider-title .leftbar::after{content:"";width:calc(100% - 8px);height:6px;background-color:#5f33ff;position:absolute;left:0;bottom:8px;transform:skewX(45deg)}.p-layout-custom .divider-title .leftbar .en{transform:skewX(45deg)}@media screen and (max-width: 767px){.p-layout-custom .divider-title .leftbar{background:#fff}}@media(max-width: 575.98px){.p-layout-custom .divider-title .leftbar{padding-top:4px;padding-bottom:4px}}.p-layout-custom .divider-title .rightbar{display:flex;flex-direction:column-reverse;margin-left:-30px}@media screen and (max-width: 575.98px){.p-layout-custom .divider-title .rightbar{margin-left:-15px}}.p-layout-custom .divider-title .rightbar .en{display:flex;align-items:flex-end;line-height:50px;transform:translateY(10px);overflow:hidden}.p-layout-custom .divider-title .rightbar .en::after{content:"";display:inline-block;min-width:55px;height:6px;margin-bottom:13px;margin-left:1px;background-color:#6f6}@media screen and (max-width: 767px){.p-layout-custom .divider-title .rightbar .en{margin-top:-15px}}.p-layout-custom .divider-title .rightbar .ch{margin-left:56%;white-space:nowrap;transform:translateY(10px)}@media screen and (max-width: 767px){.p-layout-custom .divider-title .rightbar{margin-top:auto}}.p-layout-custom .line-title{display:flex;align-items:center;justify-content:center;white-space:nowrap;margin:6% 0;font-size:17px;letter-spacing:1.7px;line-height:22px}.p-layout-custom .line-title::before,.p-layout-custom .line-title::after{content:"";width:50%;height:1px;background-color:#ddd}.p-layout-custom .line-title::before{margin-right:20px}.p-layout-custom .line-title::after{margin-left:20px}.p-layout-custom .tip{font-size:17px;line-height:22px;letter-spacing:1.7px;color:#161616}@media(max-width: 575.98px){.p-layout-custom .tip{font-size:14px;line-height:18px}}.p-layout-custom .help-block{font-size:12px;color:#ff5970}.p-layout-custom .btn{max-height:60px;border-radius:10px}@media(max-width: 575.98px){.p-layout-custom .btn{border-radius:6px}}.p-layout-custom .btn-solid{display:block;width:100%;padding:17px 20px;border:none;text-align:center;font-size:20px;line-height:27px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background:#5f33ff;color:#fff;transition:all .3s ease}.p-layout-custom .btn-solid:hover{background:linear-gradient(90deg, #5F33FF, #66ff66)}@media(max-width: 575.98px){.p-layout-custom .btn-solid{padding-top:8.5px;padding-bottom:8.5px;font-size:18px}}.p-layout-custom .button-group{display:flex;align-items:center}.p-layout-custom .button-group .btn:not(:last-child){margin-right:20px}@media(max-width: 575.98px){.p-layout-custom .button-group .btn:not(:last-child){margin-right:5px}}.p-layout-custom .btn-outline{display:flex;align-items:center;justify-content:center;border:1px solid #a7a7a7;padding:16px 20px;font-family:"Goldman",cursive;font-size:16px;color:#333;transition:all .3s ease}.p-layout-custom .btn-outline:hover{background-color:#f1f1f1}.p-layout-custom .btn-outline.bg-fb{border-color:#4e70b7}.p-layout-custom .btn-outline.bg-fb:hover{background-color:#e2ecf9}.p-layout-custom .btn-outline.bg-line{border-color:#00c300}.p-layout-custom .btn-outline.bg-line:hover{background-color:#e3f3e7}.p-layout-custom .btn-outline .icon{display:inline-flex;margin-right:5px;font-size:18px;background-color:rgba(0,0,0,0)}@media(max-width: 575.98px){.p-layout-custom .btn-outline{padding-top:8.5px;padding-bottom:8.5px;font-size:12px}}.p-layout-custom .identity-card-block{display:flex;flex-direction:column;justify-content:center;align-items:center}.p-layout-custom .identity-card-block .identity-card-title{margin-bottom:40px;font-family:"Goldman",cursive;font-family:"Noto Sans TC";font-size:30px;text-align:center;color:#161616}.p-layout-custom .identity-card-block .identity-card{width:330px;height:330px;margin-bottom:5.1%;border-radius:70px;box-shadow:0 40px 40px 0 rgba(95,51,255,.2);background:linear-gradient(180deg, #5F33FF, #66ff66);position:relative}.p-layout-custom .identity-card-block .identity-card .img-wrapper{width:calc(100% - 43px);height:calc(100% - 43px);border-radius:50px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);overflow:hidden;background-color:#fff}.p-layout-custom .identity-card-block .identity-card .img-wrapper img{max-width:80%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 414px){.p-layout-custom .identity-card-block .identity-card{width:280px;height:280px}}.p-layout-custom .identity-card-block .remain-time-block{display:flex;align-items:center;font-size:17px;letter-spacing:1.7px}.p-layout-custom .identity-card-block .remain-time-block .subject{line-height:22px;color:#161616}.p-layout-custom .identity-card-block .remain-time-block .time{width:65px;margin-left:15px;font-family:"Goldman",cursive;line-height:20px;color:#5f33ff}.p-layout-custom .identity-card-block .btn-outline{max-height:40px;width:150px;margin-top:20px;padding-top:10px;padding-bottom:10px;border-radius:20px;border-color:#e6e6e6;font-family:inherit;font-size:15px;letter-spacing:1.5px;background-color:rgba(0,0,0,0);color:#999}.p-layout-custom .identity-card-block .btn-outline .icon{margin-right:10px;font-size:14px}.p-layout-custom .custom-panel{padding:6.3% 10.3% 5.4% 10.3%;box-shadow:0 0 30px 0 rgba(0,0,0,.1);background-color:#fff;position:relative;overflow:hidden;z-index:1}.p-layout-custom .custom-panel:not(:last-child){margin-bottom:50px}.p-layout-custom .custom-panel .upload-img-block{display:flex;justify-content:center;margin-bottom:0}.p-layout-custom .custom-panel>.btn{max-width:305px;margin:20px auto 0 auto}.p-layout-custom .custom-panel .btn{padding-top:12px;padding-bottom:12px;border-radius:5px;font-size:15px;line-height:20px}@media screen and (max-width: 414px){.p-layout-custom .custom-panel{padding-left:15px;padding-right:15px}}.header-custom{width:100%;position:fixed;left:0;top:0}.header-custom .header-container{padding:23px 5.20833%}@media screen and (max-width: 767px){.header-custom{display:none}}.footer-custom{width:100%;padding:30px 0;position:absolute;bottom:0;left:0}.footer-custom .container{max-width:81.35417%}.footer-custom .copyright{margin-bottom:0;letter-spacing:1.2px;line-height:12px;text-align:center;font-size:12px;font-family:"Goldman",cursive;color:#999}.footer-custom .copyright a{color:#999}.form-block.form-inline-style .form-item{display:flex;align-items:center;margin-top:0;padding:20px 0;border-bottom:1px solid #e6e6e6}.form-block.form-inline-style .form-item .form-item-label{width:190px;margin-bottom:0}@media screen and (max-width: 768px){.form-block.form-inline-style .form-item .form-item-label{width:100%;margin-bottom:10px}}.form-block.form-inline-style .form-item .form-item-input{width:calc(100% - 190px)}@media screen and (max-width: 768px){.form-block.form-inline-style .form-item .form-item-input{width:100%}}.form-block.form-inline-style .form-item .form-item-input:not([data-type=phone]) input,.form-block.form-inline-style .form-item .form-item-input-wrapper input{min-height:44px;padding-top:11.5px;padding-bottom:11.5px}.form-block.form-inline-style .form-item .form-item-input[data-type=phone] .form-item-input-wrapper{width:calc(100% - 120px)}@media screen and (max-width: 768px){.form-block.form-inline-style .form-item .form-item-input[data-type=phone] .btn{width:120px}}@media screen and (max-width: 768px){.form-block.form-inline-style .form-item{flex-direction:column}}.form-block .form-item{display:block;margin-bottom:0}.form-block .form-item:not(:first-child){margin-top:4%}.form-block .form-item.required .form-item-label::after{content:"*";margin-left:5px;color:#db4c3f}.form-block .form-item .form-item-label{display:block;margin-bottom:10px;font-size:17px;font-weight:600;line-height:22px}.form-block .form-item .form-item-label a{font-weight:500;color:#999}.form-block .form-item .form-item-label a:hover{text-decoration:none}.form-block .form-item .form-item-input:not([data-type=phone]),.form-block .form-item .form-item-input-wrapper{position:relative}.form-block .form-item .form-item-input:not([data-type=phone])[data-type=password] input,.form-block .form-item .form-item-input-wrapper[data-type=password] input{padding-right:45px}.form-block .form-item .form-item-input:not([data-type=phone])[data-type=password] .handle-pwd-visible,.form-block .form-item .form-item-input-wrapper[data-type=password] .handle-pwd-visible{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:rgba(0,0,0,0);position:absolute;right:20px;top:50%;transform:translateY(-50%);cursor:pointer;padding:0}.form-block .form-item .form-item-input:not([data-type=phone])[data-type=password] .handle-pwd-visible.visible .icon-eye,.form-block .form-item .form-item-input-wrapper[data-type=password] .handle-pwd-visible.visible .icon-eye{display:block}.form-block .form-item .form-item-input:not([data-type=phone])[data-type=password] .handle-pwd-visible.visible .icon-eye_line,.form-block .form-item .form-item-input-wrapper[data-type=password] .handle-pwd-visible.visible .icon-eye_line{display:none}.form-block .form-item .form-item-input:not([data-type=phone])[data-type=password] .handle-pwd-visible .icon-eye,.form-block .form-item .form-item-input-wrapper[data-type=password] .handle-pwd-visible .icon-eye{display:none}.form-block .form-item .form-item-input:not([data-type=phone]) input,.form-block .form-item .form-item-input-wrapper input{width:100%;height:100%;min-height:59px;border:1px solid #f1f1f1;border-radius:10px;padding:14.5px 20px 14.5px 64px;font-family:"Goldman","微軟正黑體","Microsoft JhengHei","黑體","蘋果儷中黑",cursive;font-size:17px;background-color:#fff;transition:all .3s ease}.form-block .form-item .form-item-input:not([data-type=phone]) input:focus,.form-block .form-item .form-item-input-wrapper input:focus{border-color:#5f33ff;box-shadow:0 0 10px 0 rgba(95,51,255,.5)}.form-block .form-item .form-item-input:not([data-type=phone]) input::placeholder,.form-block .form-item .form-item-input-wrapper input::placeholder{color:#999}.form-block .form-item .form-item-input:not([data-type=phone]) input:disabled,.form-block .form-item .form-item-input-wrapper input:disabled{border-color:rgba(0,0,0,0);color:#5f33ff}.form-block .form-item .form-item-input:not([data-type=phone]) input:disabled~.icon::before,.form-block .form-item .form-item-input-wrapper input:disabled~.icon::before{color:#5f33ff}@media(max-width: 575.98px){.form-block .form-item .form-item-input:not([data-type=phone]) input,.form-block .form-item .form-item-input-wrapper input{min-height:44px;padding:6px 20px 6px 53px;font-size:14px}}.form-block .form-item .form-item-input:not([data-type=phone]) .icon:not(.icon-eye):not(.icon-eye_line),.form-block .form-item .form-item-input-wrapper .icon:not(.icon-eye):not(.icon-eye_line){position:absolute;left:20px;top:50%;transform:translateY(-50%)}.form-block .form-item .form-item-input[data-type=phone]{display:flex;align-items:center}.form-block .form-item .form-item-input[data-type=phone] .form-item-input-wrapper{width:calc(100% - 200px)}@media(max-width: 575.98px){.form-block .form-item .form-item-input[data-type=phone] .form-item-input-wrapper{width:calc(100% - 140px)}}.form-block .form-item .form-item-input[data-type=phone] .btn{width:200px;margin-left:10px;margin-top:0}@media(max-width: 575.98px){.form-block .form-item .form-item-input[data-type=phone] .btn{width:140px;font-size:16px}}.form-block .form-item .icon-mail{font-size:19px}@media(max-width: 575.98px){.form-block .form-item .icon-mail{font-size:16px}}.form-block .form-item .icon-padlock{font-size:30px}@media(max-width: 575.98px){.form-block .form-item .icon-padlock{font-size:24px}}.form-block .form-item .icon-eye,.form-block .form-item .icon-eye_line{font-size:15px}.form-block .form-item .icon-user{font-size:22px}@media(max-width: 575.98px){.form-block .form-item .icon-user{font-size:18px}}@media(max-width: 575.98px){.form-block .form-item img[alt=phone]{height:20px}}@media(max-width: 575.98px){.form-block .form-item img[alt=shield]{height:22px}}.form-block .upload-img-block{position:relative}.form-block .upload-img-block .upload-img-result{position:relative;width:150px;height:150px;border-radius:50%;box-shadow:0 40px 40px 0 rgba(95,51,255,.2);background-image:linear-gradient(180deg, #5F33FF, #66ff66)}.form-block .upload-img-block .img-wrapper{width:calc(100% - 20px);height:calc(100% - 20px);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-repeat:no-repeat;background-position:center;background-size:cover}.form-block .upload-img-block .btn-upload{width:40px;height:40px;border:2px solid #5f33ff;border-radius:50%;background:#fff;position:absolute;right:5px;bottom:5px;pointer-events:none;display:flex;justify-content:center;align-items:center}.form-block .form-corner-deco{position:absolute;right:0;bottom:0;z-index:-1}.compare-result-block{position:fixed;left:0;right:0;bottom:0;z-index:101;box-shadow:0 -5px 10px 0 rgba(0,0,0,.1);background-color:#e6e6e6}.compare-result-block.open .compare-result-header .compare-result-title::after{background:linear-gradient(90deg, #5F33FF, #66ff66)}.compare-result-block.open .compare-result-header .handle-collapse .icon{transform:scale(0.5) rotate(360deg)}.compare-result-block.open .compare-result-header .handle-collapse .text::before{content:"隱藏"}.compare-result-block .container{max-width:75.3%;padding:22px 0}.compare-result-block .compare-result-header{display:flex;align-items:center;justify-content:space-between}.compare-result-block .compare-result-header .compare-result-title{padding-bottom:12px;margin-bottom:0;border-bottom:2px solid #fff;font-size:17px;font-weight:600;color:#161616;position:relative}.compare-result-block .compare-result-header .compare-result-title::after{content:"";width:68px;height:2px;background:#616165;position:absolute;left:0;bottom:-2.5px;transition:background .3s ease}.compare-result-block .compare-result-header .compare-result-title .hint{font-size:14px;color:#999}@media screen and (max-width: 414px){.compare-result-block .compare-result-header .compare-result-title .hint{display:block;margin-top:5px}}.compare-result-block .compare-result-header .handle-collapse{display:flex;align-items:center;border:none;background:rgba(0,0,0,0);cursor:pointer}.compare-result-block .compare-result-header .handle-collapse .icon{font-size:12px;transform:scale(0.5) rotate(180deg);transition:transform .3s ease}.compare-result-block .compare-result-header .handle-collapse .icon::before{color:#161616}.compare-result-block .compare-result-header .handle-collapse .text{margin-left:20px}.compare-result-block .compare-result-header .handle-collapse .text::before{content:"開啟";font-size:15px;color:#161616}.compare-result-block .compare-result-body{margin-top:20px;display:none}.compare-result-block .compare-result-body .compare-result-list{display:flex;flex-wrap:wrap;width:calc(100% - 135px)}.compare-result-block .compare-result-body .compare-result-controller{width:135px}.compare-result-block .compare-result-body .compare-result-controller .btn{width:100%;border-radius:5px;font-family:inherit;font-size:15px}.compare-result-block .compare-result-body .compare-result-controller .btn-outline{height:40px;margin-bottom:20px;background:rgba(0,0,0,0);color:#999}.compare-result-block .compare-result-body .compare-result-controller .btn-solid{box-shadow:none}.compare-result-item{width:220px;margin-top:5px;margin-bottom:5px}.compare-result-item:not(:last-child){margin-right:30px}.compare-result-item .img-wrapper{width:100%;height:0;padding-bottom:55.90909%;margin-bottom:15px;position:relative;overflow:hidden}.compare-result-item .img-wrapper img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.compare-result-item .img-wrapper .btn-del{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background-color:#5f33ff;position:absolute;right:0;top:0;z-index:1;cursor:pointer}.compare-result-item .img-wrapper .btn-del .icon{font-size:12px}.compare-result-item .compare-result-item-title{margin-bottom:0;font-family:"Poppins",sans-serif;font-size:15px;color:#161616}@media screen and (max-width: 1600px){.p-compare-list .main-content .container{max-width:calc(100% - 60px)}}.p-compare-list .member-sidebar .member-nav-link{display:flex;align-items:center;justify-content:space-between}.p-compare-list .member-sidebar .member-nav-link.active .selected-num{opacity:1}.p-compare-list .member-sidebar .member-nav-link .selected-num{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-family:"Poppins",sans-serif;font-size:12px;background-color:#5f33ff;color:#fff;opacity:0;transition:opacity .3s ease}.p-compare-list .compare-item{display:block;padding:0;margin-bottom:50px;background:linear-gradient(180deg, #5F33FF, #66ff66);transition:all .3s ease}.p-compare-list .compare-item.active{padding:10px;box-shadow:0px 9px 20px 2px rgba(0,0,0,.15)}.p-compare-list .compare-item.active .compare-card{padding:15px calc(10.8% - 10px)}@media screen and (max-width: 414px){.p-compare-list .compare-item.active .compare-card{padding-left:10px;padding-right:10px}}.p-compare-list .compare-item .compare-card{padding:25px 10.8%;background:#fff;transition:padding .3s ease}@media screen and (max-width: 414px){.p-compare-list .compare-item .compare-card{padding-left:20px;padding-right:20px}}.p-compare-list .compare-item .form-custom-checkbox{display:block;cursor:pointer}.p-compare-list .compare-item .form-custom-checkbox input{display:none}.p-compare-list .compare-item .form-custom-checkbox input:checked~.form-custom-checkbox-block::before{content:"選擇";color:#fff}.p-compare-list .compare-item .form-custom-checkbox input:checked~.form-custom-checkbox-block::after{width:100%;background-color:#5f33ff}.p-compare-list .compare-item .form-custom-checkbox input:checked~.form-custom-checkbox-block .icon::before{color:#fff}.p-compare-list .compare-item .form-custom-checkbox .form-custom-checkbox-block{display:block;width:86px;height:30px;margin:0 auto 15px auto;position:relative}.p-compare-list .compare-item .form-custom-checkbox .form-custom-checkbox-block::before{content:"比較";font-size:15px;position:absolute;left:15px;top:50%;z-index:1;transform:translateY(-50%);color:#161616;transition:color .3s ease}.p-compare-list .compare-item .form-custom-checkbox .form-custom-checkbox-block::after{content:"";width:30px;height:30px;border-radius:15px;border:1px solid #5f33ff;position:absolute;top:0;right:0;transition:all .3s ease}.p-compare-list .compare-item .form-custom-checkbox .form-custom-checkbox-block .icon{font-size:12px;position:absolute;top:50%;right:6px;z-index:1;transform:translateY(-50%)}.p-compare-list .compare-item .form-custom-checkbox .form-custom-checkbox-block .icon::before{color:#5f33ff}.p-compare-list .compare-item .compare-card-img{width:100%;height:0;padding-bottom:55.89743%;margin-bottom:15px;overflow:hidden;position:relative}.p-compare-list .compare-item .compare-card-img img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.p-compare-list .compare-item .compare-card-title{font-family:"Poppins",sans-serif;font-size:20px;font-weight:700;color:#161616}.p-compare-list .compare-item .compare-card-info-list{display:flex;align-items:center;flex-wrap:wrap}.p-compare-list .compare-item .compare-card-info-list:not(:last-child){margin-top:53px;margin-bottom:26px}.p-compare-list .compare-item .compare-card-info-list .compare-card-info-item{width:33.3333333333%;text-align:center;position:relative;padding:5px}.p-compare-list .compare-item .compare-card-info-list .compare-card-info-item:not(:last-child)::after{content:"";width:1px;height:50%;background-color:#e6e6e6;position:absolute;right:0;top:50%;transform:translateY(-50%)}.p-compare-list .compare-item .compare-card-info-list .compare-card-info-item p{margin-bottom:0;line-height:24px}.p-compare-list .compare-item .compare-card-info-list .compare-card-info-item .text{min-height:24px;line-height:24px;font-size:20px;font-weight:600;color:#161616;font-family:"Poppins",sans-serif}.p-compare-list .compare-item .compare-card-info-list .compare-card-info-item .unit{font-size:12px;font-weight:600;color:#999}@media screen and (max-width: 768px){.p-compare-list .compare-result-block .container{max-width:calc(100% - 60px)}}@media screen and (max-width: 414px){.p-compare-list .compare-result-block .container{max-width:calc(100% - 30px);padding:10px 0}}.p-compare-list .compare-result-block .compare-result-body{max-height:30vh}.p-compare-list .compare-result-block .compare-result-body .compare-result-list{overflow-y:auto}@media screen and (max-width: 992px){.p-compare-list .compare-result-block .compare-result-body .compare-result-list{width:calc(100% - 155px);margin-right:20px}}@media screen and (max-width: 768px){.p-compare-list .compare-result-block .compare-result-body .compare-result-list{width:calc(100% - 115px)}}@media screen and (max-width: 768px){.p-compare-list .compare-result-block .compare-result-body .compare-result-controller{width:95px}.p-compare-list .compare-result-block .compare-result-body .compare-result-controller .btn-outline{margin-bottom:10px}}@media screen and (max-height: 667px){.p-compare-list .compare-result-block .compare-result-body{max-height:25vh}}@media screen and (max-width: 992px){.p-compare-list .compare-result-item{width:calc(50% - 10px)}.p-compare-list .compare-result-item:not(:last-child){margin-right:0}.p-compare-list .compare-result-item:nth-child(odd){margin-right:20px}}@media screen and (max-width: 414px){.p-compare-list .compare-result-item{width:100%}.p-compare-list .compare-result-item:nth-child(odd){margin-right:0px}}.p-compare-detail .compare-result-block{box-shadow:0 0 10px 0 rgba(0,0,0,.16);top:80px;bottom:initial}.p-compare-detail .compare-result-block .container{max-width:68.3%;padding-left:15px;padding-right:15px}@media screen and (max-width: 1366px){.p-compare-detail .compare-result-block .container{max-width:calc(100% - 60px)}}.p-compare-detail .compare-result-block .compare-result-body{display:flex;margin-top:0;padding-left:calc(20% + 15px);padding-right:15px}.p-compare-detail .compare-result-block .compare-result-body .compare-result-list{width:100%}.p-compare-detail .compare-result-block .compare-result-body .compare-result-item,.p-compare-detail .compare-result-block .compare-result-body .btn-add{width:calc(25% - 30px)}.p-compare-detail .compare-result-block .compare-result-body .compare-result-item:not(:last-child),.p-compare-detail .compare-result-block .compare-result-body .btn-add:not(:last-child){margin-right:40px}@media screen and (max-width: 992px){.p-compare-detail .compare-result-block{display:none}}.p-compare-detail .btn-add{height:0;padding-bottom:12.368%;border:2px dashed #b39ffe;background-color:#f3faff;position:relative;cursor:pointer}.p-compare-detail .btn-add .inner-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.p-compare-detail .btn-add .icon{font-size:60px}@media screen and (max-width: 1600px){.p-compare-detail .btn-add .icon{font-size:40px}}.p-compare-detail .btn-add .text{margin-top:10px;margin-bottom:0;word-break:keep-all;font-size:18px;letter-spacing:1.8px;line-height:24px;color:#5f33ff}.p-compare-detail .main-content{width:100%;padding-top:300px;background:#fff}@media screen and (max-width: 1366px){.p-compare-detail .main-content .container{max-width:calc(100% - 60px)}}.p-compare-detail .main-content .table{min-width:925px}.p-compare-detail .main-content .table:not(:last-child){margin-bottom:10px}.p-compare-detail .main-content .table th,.p-compare-detail .main-content .table td{padding:15px 20px}.p-compare-detail .main-content .table th:not(:first-child),.p-compare-detail .main-content .table td:not(:first-child){text-align:center}.p-compare-detail .main-content .table thead th{border-top:none;border-bottom:1px solid #e6e6e6;font-size:16px;font-weight:600;color:#5f33ff}.p-compare-detail .main-content .table tbody tr:nth-child(even) th,.p-compare-detail .main-content .table tbody tr:nth-child(even) td{background:#f9f9f9}.p-compare-detail .main-content .table tbody th,.p-compare-detail .main-content .table tbody td{border-top:none;font-family:"Poppins",sans-serif;font-size:15px;color:#161616}.p-compare-detail .main-content .table tbody th{font-weight:600}.p-compare-detail .main-content .compare-result-item,.p-compare-detail .main-content .btn-add{display:none}@media screen and (max-width: 992px){.p-compare-detail .main-content .compare-result-item,.p-compare-detail .main-content .btn-add{display:block}}.p-compare-detail .main-content .compare-result-item{width:100%}.p-compare-detail .main-content .btn-add{width:100%;height:auto;padding:28px 0}@media screen and (max-width: 992px){.p-compare-detail .main-content{padding-top:80px}}/*# sourceMappingURL=member_style_pt.css.map */