@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap";body{font-family:Noto Sans TC,sans-serif;font-size:16px;color:#474241;background:#f5f5f5;position:relative;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rel{position:relative}.ovh{overflow:hidden}.main-768{width:100%;padding:0 16px;max-width:768px;margin:0 auto}.p-4{padding:60px 32px 32px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-16{font-size:16px}.fs-14{font-size:14px}.fs-12{font-size:12px}.center{text-align:center}header{width:100%;z-index:60;border-bottom:1px solid rgba(83,69,42,.1019607843)}header .main-768{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}header .logo-area svg{display:block}header .btn-style2{padding:0;height:37px;width:37px}header.fixed{position:fixed;top:0}.flex-box-center{display:flex;justify-content:center;align-items:center;position:relative;z-index:5}.flex-box{display:flex}.flex-box-end,.flex-end{display:flex;justify-content:flex-end}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-bold{font-weight:700}.pc{display:none}@media only screen and (min-width: 768px){.pc{display:block}}.mb{display:block}@media only screen and (min-width: 768px){.mb{display:none}}.marb-12{margin-bottom:12px}.marb-40{margin-bottom:40px}.text-ac{text-align:center}.inp-style1{width:100%;background:#f7f7f7;border:1px solid #EEEEEE;border-radius:5px;height:45px;font-size:16px;padding:0 15px}@media only screen and (min-width: 768px){.inp-style1{height:50px}}.select-style1{width:100%;border:1px solid #EEEEEE;border-radius:5px;height:45px;font-size:16px;padding:0 15px;appearance:none;-webkit-appearance:none;background:url(../../../images/frontend/arrd.svg) center right 15px no-repeat;background-color:#f7f7f7}@media only screen and (min-width: 768px){.select-style1{height:50px}}footer{background:#1d59a8;padding:10px 0}footer h6{color:#fff;text-align:center;font-size:14px;font-weight:400;line-height:150%}@media only screen and (min-width: 1024px){footer h6{font-size:16px}}.btn-style1{border:1px solid #B5B3B3;padding:7px 20px;border-radius:50px;background:none;cursor:pointer;font-size:14px;font-weight:500;color:#474241;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.btn-style1:disabled{border:1px solid #B5B3B3;color:#b5b3b3}@media only screen and (min-width: 1024px){.btn-style1:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;color:#6c6867;border:1px solid #6C6867}}.btn-style1:active{border:1px solid #474241;background:none}.btn-style2{display:flex;padding:7px 20px;align-items:center;justify-content:center;border-radius:50px;background:#f4e732;font-size:14px;font-weight:500;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.btn-style2:disabled{background:#fbf5ad;color:#b5b3b3}@media only screen and (min-width: 1024px){.btn-style2:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;background:#f8f184}}.btn-style2:active{background:#dcd02d}.btn-style3{display:flex;padding:8px 20px;align-items:center;justify-content:center;border-radius:50px;font-size:16px;font-weight:500;border:1px solid #B5B3B3;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;background:#fff;color:#6c6867}.btn-style3:disabled{color:#b5b3b3}@media only screen and (min-width: 1024px){.btn-style3:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;border:1px solid #6C6867;color:#6c6867}}.btn-style3:active{color:#474241;border:1px solid #474241}.btn-style4{padding:8px 20px;display:flex;align-items:center;justify-content:center;border-radius:50px;background:#f4e732;font-size:16px;font-weight:500;color:#474241;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.btn-style4 p{position:relative}.btn-style4:disabled{background:#fbf5ad;color:#b5b3b3}@media only screen and (min-width: 1024px){.btn-style4:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;background:#f8f184}}.btn-style4:active{background:#dcd02d}@media only screen and (min-width: 1024px){::-webkit-scrollbar{width:6px;height:8px}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#1d59a8}}.message-pop{position:fixed;width:100%;bottom:20px;z-index:9999}.message-pop .flex-box{width:100%;display:flex;justify-content:center}.message-pop .center-text{padding:12px;border-radius:12px;color:#fff;text-align:center;font-size:14px;background:#000c}.loading{position:fixed;z-index:100;width:100%;height:100%}.loading .bg{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:url(../images/Star_bg-4d9gLUmq.png) center;background-color:#1d59a8}.loading .bg svg{display:block;animation:rotate360 5s 0s linear infinite}.error-img{padding:40px 0 20px;display:flex;justify-content:center}.error-img img{display:block;width:100%;height:auto;max-width:300px}.article-demain{padding:16px 0 120px}.article-demain .top-area{margin-bottom:40px}.article-demain .top-area h1{margin-top:1.5rem;font-size:28px;color:#111}.article-demain .top-area img{display:block;width:100%;margin-top:40px}.article-demain .editer{word-break:break-word;color:#111;line-height:1.8;margin-top:40px;display:grid}.article-demain .editer>:first-child{margin-top:0}.article-demain .editer h1:first-child{margin-top:0}.article-demain .editer h2+p,.article-demain .editer h3+p{margin-top:12px}.article-demain .editer figure{margin:0}.article-demain .editer img{display:block;width:100%;height:auto;margin-top:40px}.article-demain .editer h2{margin-top:48px;font-size:26px;color:#111}.article-demain .editer h3{font-size:22px;margin-top:56px}.article-demain .editer p{margin-top:28px;word-break:break-all}.article-demain .editer a{color:#0070f3;text-decoration:underline;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.article-demain .editer a:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;color:#05c}.article-demain .editer hr{width:100%;border:none;border-top:1px solid #e5e5e5;margin-top:3rem;margin-bottom:0}.article-demain .editer blockquote:not([class]){border-left:4px solid #f4e732;padding-left:1rem;color:#555;margin-top:48px;margin-bottom:0;font-style:italic}.article-demain .editer ul,.article-demain .editer ol{padding-left:28px;margin-top:28px}.article-demain .editer ul ul,.article-demain .editer ol ul{margin-top:8px}.article-demain .editer ul li,.article-demain .editer ol li{margin-bottom:8px}.article-demain .editer ul{list-style:disc}.article-demain .editer .kg-blockquote-alt{text-align:center;margin-bottom:28px;padding:0 2.5em;font-size:1.5rem;color:#999;font-style:italic;margin-top:48px}.article-demain .editer code{background:#ddd;padding:.2rem .4rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95rem}.article-demain .editer pre{line-height:1.5;background:#0000000d;padding:1rem;border-radius:6px;overflow:auto;margin-top:1.75rem}.article-demain .editer pre code{background:none;padding:0;font-size:.9rem}.article-demain .editer table{border-collapse:collapse;width:100%;margin-top:1.5rem;margin-bottom:0;font-size:.95rem}.article-demain .editer table th{background-color:#f3f3f3;font-weight:600;border:1px solid #ddd;padding:.6rem .8rem;text-align:left}.article-demain .editer table td{border:1px solid #ddd;padding:.6rem .8rem;text-align:left}.article-demain .editer figcaption{font-size:.9rem;margin-top:6px;text-align:center}.article-demain .editer .btn-style2{text-decoration:none;color:#474241;padding:8px 20px;min-width:120px;font-size:16px;margin-top:28px}@media only screen and (min-width: 1024px){.article-demain .editer .btn-style2:hover{color:#474241}}.article-demain .editer .kg-button-card{text-align:center;margin-top:1.75rem;margin-bottom:0}.article-demain .editer .kg-btn{display:inline-block;padding:8px 20px;border-radius:100px;background:#f4e732;color:#474241;text-decoration:none;transition:background .2s;min-width:120px;font-weight:500}.article-demain .editer .kg-cta-card{background:#ddd;border-radius:6px;padding:1.2rem;margin-top:1.75rem;margin-bottom:0}.article-demain .editer .kg-callout-card-blue{background:#21ace81f}.article-demain .editer .kg-callout-card{display:flex;align-items:center;gap:.8rem;border-radius:8px;padding:16px 20px;margin-top:1.75rem;margin-bottom:0}.article-demain .editer h4{margin-top:1rem;font-size:1.1rem}.article-demain .editer .kg-toggle-card{border:1px solid #ddd;border-radius:6px;overflow:hidden;margin-top:1.75rem;margin-bottom:0}.article-demain .editer .kg-toggle-card .kg-toggle-heading{padding:.8rem 1rem;background:#f8f8f8;cursor:pointer}.article-demain .editer .kg-toggle-card .kg-toggle-content{padding:1rem}.article-demain .editer mark{background:#f8f297}.index-kvbox{padding-top:40px;display:flex;flex-direction:column;gap:20px;align-items:center;margin-bottom:80px}.index-kvbox h2{text-align:center;font-size:20px;font-weight:500}.index-kvbox .kvimg{width:100%;display:flex;justify-content:center}.index-kvbox .kvimg img{display:block;max-width:310px;height:auto;width:100%}.index-kvbox .btn-style4{width:100%;max-width:260px}.index-kvbox .select-btn{width:100%;display:flex;justify-content:center;flex-direction:column;gap:12px;align-items:center}.index-kvbox .select-btn p{color:#474241}.index-kvbox .select-btn span{color:#9d9b9a;display:block;text-align:center;font-size:14px}.psychologist-list h2.left-title{margin-bottom:12px}.psychologist-list ul.list{display:flex;flex-direction:column;gap:12px}.psychologist-list ul.list li{cursor:pointer;list-style:none;border-radius:12px;padding:16px;background:#fff;display:flex;gap:12px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 1024px){.psychologist-list ul.list li:hover{box-shadow:2px 2px 20px #0000001a;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.psychologist-list ul.list li:active{background:#edecec;box-shadow:initial}.psychologist-list ul.list .left-peo-img{flex:0 0 auto;width:80px;height:80px;border-radius:50%;overflow:hidden}.psychologist-list ul.list .left-peo-img img{width:80px;height:80px;object-position:top;object-fit:cover}.psychologist-list ul.list .right-inf{display:flex;flex-direction:column;gap:4px;width:100%;align-items:flex-start}.psychologist-list ul.list .right-inf .title-tag{background:#1d59a8;padding:2px 4px;border-radius:8px;color:#fff}.psychologist-list ul.list .right-inf .name-box{display:flex;align-items:center;gap:4px}.psychologist-list ul.list .right-inf .name-box .line{opacity:.5;width:1px;height:16px;background:#474241}.psychologist-list ul.list .right-inf .skill-tag-area{display:flex;gap:4px;width:calc(100% - 24px);overflow:hidden}.psychologist-list ul.list .right-inf .skill-tag-area .tag{white-space:nowrap;border-radius:50px;background:#edecec;font-size:14px;padding:2px 8px;font-weight:500}.text-cloud-area{position:relative;margin-bottom:80px}.text-cloud-area h2{margin-bottom:12px}.text-cloud-area .cloud-box{position:relative}.text-cloud-area svg{width:100%;height:auto;display:block}.text-cloud-area .cloud-box{margin-top:80px;width:100%;padding-bottom:102.2222222222%}.text-cloud-area .cloud-box .text-box{display:flex;align-items:center;justify-content:center;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.text-cloud-area .cloud-box .text-box .center-p{text-align:center}.text-cloud-area .cloud-box .text-box .center-p p{letter-spacing:0;opacity:.5}.text-cloud-area .cloud-box .rel{position:relative;width:100%;height:100%}.text-cloud-area .cir-1{width:49.1666666667%;position:absolute;top:2.1739130435%;left:5.2777777778%}.text-cloud-area .cir-2{width:37.5%;position:absolute;top:11.6847826087%;right:6.3888888889%}.text-cloud-area .cir-3{width:34.7222222222%;position:absolute;top:41.847826087%;left:34.1666666667%}.text-cloud-area .cir-4{width:33.3333333333%;position:absolute;top:59.2391304348%;left:2.5%}.text-cloud-area .cir-5{width:30.2777777778%;position:absolute;top:67.3913043478%;right:11.3888888889%}footer{background:url(../images/FooterBg-Cl4edRCw.svg) center repeat;background-color:#1d59a8;padding:40px 16px}footer .flex-box{flex-direction:column;align-items:center;font-size:14px;color:#fff;gap:8px;letter-spacing:0}footer .flex-box a{color:#fff}footer .link-box{display:flex;justify-content:center;gap:8px}footer .link-box a{text-decoration:underline}footer .link-box .line{opacity:.5}footer h6{text-align:center;color:#fff;margin-top:20px;font-size:14px;letter-spacing:0;font-weight:400}.top-progress-area{display:flex;padding-top:26px;gap:10px;margin-bottom:20px}@media only screen and (min-width: 1024px){.top-progress-area{gap:20px}}.top-progress-area .item{width:50%}.top-progress-area .item p{font-size:12px;color:#474241;opacity:.5;line-height:1}.top-progress-area .item.now .step-num{color:#fff;background:#474241;border:1px solid #474241}.top-progress-area .item.now p{opacity:1;line-height:1}.top-progress-area .progress-bar{width:100%;margin-bottom:10px;background:#dad9d9;border-radius:80px;height:4px;position:relative}.top-progress-area .progress-bar .step-num{position:absolute;border-radius:50%;border:1px solid #B5B3B3;color:#b5b3b3;font-size:12px;display:flex;justify-content:center;align-items:center;width:16px;height:16px;left:-1px;background:#f5f5f5;top:-8px}.top-progress-area .progress-bar .proline{background:#6c6867;height:4px;border-radius:8px;width:0;position:absolute;left:0;top:0;transition:width .5s ease-in-out}.filter-titlebox{display:flex;justify-content:center;flex-direction:column;gap:12px;margin-bottom:20px}.filter-titlebox h2{font-size:24px;text-align:center;font-weight:700;line-height:1.1}.filter-titlebox a{color:#474241;text-align:center;text-decoration:underline;opacity:1;font-size:14px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.filter-titlebox a:hover{opacity:1;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;border-radius:12px}.filter-ul{padding-bottom:90px}.filter-ul ul{list-style:none;display:flex;flex-direction:column;gap:12px}.filter-ul ul li{padding:0 0 16px;background:#fff;border-radius:12px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 1024px){.filter-ul ul li:hover{box-shadow:2px 2px 20px #0000001a;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.filter-ul ul li .title-box{padding:16px 16px 0;cursor:pointer;align-items:center;display:flex;justify-content:space-between}.filter-ul ul li .title-box .flex-box{gap:8px;display:flex;align-items:center}.filter-ul ul li .title-box .flex-box .icon-box{display:flex;width:40px;height:40px;align-items:center;justify-content:center;background:#fdfad6;border-radius:8px;flex:0 0 auto}.filter-ul ul li .title-box .flex-box .icon-box svg{display:block}.filter-ul ul li .title-box .flex-box h3{font-size:16px;font-weight:500}.filter-ul ul li .title-box .selected-area{opacity:.5;font-size:14px}.filter-ul ul li .tag-btnarea{padding:0 16px;margin-top:8px}.filter-ul ul li .tag-btnarea .flex-box{display:flex;flex-wrap:wrap;gap:8px}.filter-ul ul li .tag-btnarea .item{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;padding:8px 20px;border:1px solid #B5B3B3;border-radius:50px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 1024px){.filter-ul ul li .tag-btnarea .item:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;background:#f8f184;border:1px solid #F4E732}}.filter-ul ul li .tag-btnarea .item.now{background:#f8f184;border:1px solid #F4E732}.filter-ul ul li .tag-btnarea button{color:#474241;font-size:14px;background:none;margin:12px auto 0;display:block}.filter-ul.place-select li.now{border:1px solid #F4E732;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.filter-ul.place-select li .text p{font-size:14px;opacity:.5}.filter-ul .note{margin-top:20px;text-align:center;font-size:14px;font-weight:500;color:#6a7282}.btn-fixed{width:100%;position:fixed;bottom:0;height:100px;left:0;z-index:50}.btn-fixed .glass-container{position:relative;width:100%;height:100px}.btn-fixed .color-base{width:100%;height:100px;position:absolute;inset:0;background:linear-gradient(180deg,#f5f5f500,#f5f5f5);z-index:10}.btn-fixed .blur-layer{width:100%;height:100px;position:absolute;inset:0;pointer-events:none}.btn-fixed .layer-1{backdrop-filter:blur(2px);mask-image:linear-gradient(to bottom,transparent 0%,black 40%)}.btn-fixed .layer-2{backdrop-filter:blur(4px);mask-image:linear-gradient(to bottom,transparent 25%,black 65%)}.btn-fixed .layer-3{backdrop-filter:blur(8px);mask-image:linear-gradient(to bottom,transparent 50%,black 85%)}.btn-fixed .layer-4{backdrop-filter:blur(12px);mask-image:linear-gradient(to bottom,transparent 75%,black 100%)}.btn-fixed .flex-box{position:relative;z-index:20;display:flex;justify-content:center;gap:20px;padding-top:40px}.btn-fixed .flex-box.btn2 .btn-style4,.btn-fixed .flex-box.btn2 .btn-style3{max-width:100%}.btn-fixed .btn-style4,.btn-fixed .btn-style3{width:100%;max-width:260px}.top-filterbtn{padding:20px 0;display:flex;justify-content:flex-end}.top-filterbtn .btn-filter{width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center}.top-filterbtn .btn-filter svg{display:block}.doctor-card-area{position:relative;left:0;z-index:70;width:100%;top:62px;max-width:800px}@media only screen and (min-width: 768px){.doctor-card-area{left:50%;margin-left:-400px;position:relative}}.card-736{max-width:768px;margin:0 auto;padding:0 16px;position:relative;z-index:100;min-height:calc(100vh - 100px)}.doctorSwiper .swiper-slide{width:315px;overflow:visible!important}@media only screen and (min-width: 1024px){.doctorSwiper .swiper-slide{width:340px}}.doctorSwiper .swiper-slide .card-item-defult{aspect-ratio:3/4;border-radius:12px;background:#1d59a8;padding:12px 16px}.doctorSwiper .swiper-slide .card-item-defult img{margin-bottom:12px;display:block;width:100%}.doctorSwiper .swiper-slide .card-item-defult p{color:#fff;text-align:center}.card-item{aspect-ratio:3/4;border-radius:12px;overflow:hidden;position:relative}.card-item img{width:100%;height:100%;object-fit:cover}.card-item .top-area{z-index:7;display:flex;justify-content:end;position:absolute;top:0;left:0;width:100%;padding:12px;align-items:center}.card-item .top-area .number-box{background:#000000b3;font-size:12px;border-radius:40px;padding:4px 8px;color:#fff}.card-item .top-area .add-like{cursor:pointer;width:40px;height:40px;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:50%}.card-item .top-area .add-like svg{display:block}.card-item .top-area .add-like.now svg .fill{fill:#fff;stroke:#fff}.card-item .bottom-information{z-index:10;position:absolute;padding:12px;bottom:0;left:0;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.card-item .bottom-information .one-tag{padding:2px 8px;font-size:14px;color:#fff;border-radius:8px;background:#1d59a8cc}.card-item .bottom-information .name-box{display:flex;align-items:center;gap:5px}.card-item .bottom-information .name-box h2{font-size:28px;letter-spacing:0;color:#fff;line-height:1;font-weight:700}.card-item .bottom-information .name-box .tag{display:flex;align-items:center;gap:5px}.card-item .bottom-information .name-box h3,.card-item .bottom-information .name-box .tag p{font-size:14px;color:#fff}.card-item .bottom-information .skill-tag{display:flex;flex-wrap:wrap;gap:4px;list-style:none}.card-item .bottom-information .skill-tag li{background:#fffc;color:#1d59a8;font-size:14px;font-weight:500;padding:2px 8px;border-radius:20px}.card-item .bottom-information .price-area{color:#fff;font-size:14px}.top-pic-swiper-area{width:100%;margin:0 auto}.top-pic-swiper-area .profileSwiper{position:sticky;top:62px;left:0}.top-pic-swiper-area .profileSwiper .swiper-button-prev,.top-pic-swiper-area .profileSwiper .swiper-button-next{display:block}@media only screen and (max-width: 768px){.top-pic-swiper-area .profileSwiper .swiper-button-prev,.top-pic-swiper-area .profileSwiper .swiper-button-next{display:none}}@media only screen and (min-width: 768px){.top-pic-swiper-area .profileSwiper{max-width:400px}}.top-pic-swiper-area .profileSwiper .top-area{z-index:10;display:flex;justify-content:space-between;position:absolute;top:0;left:0;width:100%;padding:12px;align-items:center}.top-pic-swiper-area .profileSwiper .top-area .number-box{background:#000000b3;font-size:12px;border-radius:40px;padding:4px 8px;color:#fff}.top-pic-swiper-area .profileSwiper .top-area .btn-back-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#000000b3;border:none;border-radius:50%;cursor:pointer;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 1024px){.top-pic-swiper-area .profileSwiper .top-area .btn-back-icon:hover{background:#fff;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.top-pic-swiper-area .profileSwiper .top-area .add-like{cursor:pointer;width:40px;height:40px;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:50%}.top-pic-swiper-area .profileSwiper .top-area .add-like svg{display:block}.top-pic-swiper-area .profileSwiper .top-area .add-like.now svg .fill{fill:#fff;stroke:#fff}.top-pic-swiper-area .profileSwiper .swiper-pagination{bottom:34px;display:flex;justify-content:center;gap:4px}.top-pic-swiper-area .profileSwiper .swiper-pagination .swiper-pagination-bullet{background:#fff;margin:0;opacity:.5}.top-pic-swiper-area .profileSwiper .swiper-pagination .swiper-pagination-bullet-active{background:#fff;opacity:1}.top-pic-swiper-area .card-item{border-radius:0}.top-pic-swiper-area .card-item .bottom-information{bottom:40px}.top-pic-swiper-area .video-item{aspect-ratio:3/4;width:100%;height:100%;background:#000;position:relative}.top-pic-swiper-area .video-item video{width:100%;object-fit:cover;height:100%}.top-pic-swiper-area .video-item .control-mask{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0}.top-pic-swiper-area .video-item .control-mask .rel{background:#0000004d;position:relative;width:100%;height:100%}.top-pic-swiper-area .video-item .control-mask .center-btn{width:64px;height:64px;background:#00000080;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;margin-top:-32px;left:50%;margin-left:-32px;border-radius:50%;cursor:pointer;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 1024px){.top-pic-swiper-area .video-item .control-mask .center-btn:hover{background:#f4e732;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.top-pic-swiper-area .video-item .control-mask .center-btn svg{display:block}.top-pic-swiper-area .video-item .control-mask .pause-area{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.top-pic-swiper-area .video-item .control-mask .bar-area{position:absolute;width:100%;left:0;bottom:62px;display:flex;align-items:center;padding:0 16px;gap:8px}.top-pic-swiper-area .video-item .control-mask .bar-area .time{font-size:12px;color:#fff;white-space:nowrap}.top-pic-swiper-area .video-item .control-mask .bar-area .prbar{height:4px;border-radius:4px;background:#fff3;position:relative;width:100%;cursor:pointer}.top-pic-swiper-area .video-item .control-mask .bar-area .prbar .progress-item{border-radius:4px;position:absolute;width:0%;height:100%;left:0;top:0;pointer-events:none;background:#f4e732}.top-pic-swiper-area .video-item .control-mask .bar-area .volume-area{display:flex;align-items:center;gap:4px}.top-pic-swiper-area .video-item .control-mask .bar-area .volume-area .btn-volume{cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.top-pic-swiper-area .video-item .control-mask .bar-area .volume-area .btn-volume svg{display:block}.top-pic-swiper-area .video-item .control-mask .bar-area .volume-area .volume-slider{width:60px;height:4px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:4px;outline:none;cursor:pointer}.top-pic-swiper-area .video-item .control-mask .bar-area .volume-area .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#f4e732;cursor:pointer}.top-pic-swiper-area .video-item .control-mask .bar-area .volume-area .volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#f4e732;cursor:pointer;border:none}.profile-are{background:#f5f5f5;border-radius:20px 20px 0 0;padding:40px 16px 120px;margin-top:-22px;position:relative;z-index:10;display:flex;flex-direction:column;gap:40px}.profile-are .pro-item .w-contbox{background:#fff;border-radius:12px;padding:16px}.profile-are .pro-item .w-contbox ul{padding-left:20px}.profile-are .pro-item .w-contbox .price-ul{padding-left:0}.profile-are .pro-item h2{font-size:20px;color:#474241;font-weight:500;margin-bottom:12px}.profile-are .pro-item .article-ul{padding-left:0;display:flex;flex-direction:column;gap:12px}.profile-are .pro-item .article-ul a{border-radius:12px;padding:16px;background:#fff;display:flex;gap:8px;align-items:center}.profile-are .pro-item .article-ul a p{letter-spacing:0}.profile-are .pro-item .article-ul a .picbox{border-radius:6px;overflow:hidden;width:80px;height:60px;flex:0 0 auto}.profile-are .pro-item .article-ul a .picbox img{max-width:100%;display:block;object-fit:cover}.profile-are .pro-item .price-ul{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}.profile-are .pro-item .price-ul li{display:flex;align-items:center;gap:4px}.profile-are .pro-item .price-ul li .title-tag{background:#d5deea;border-radius:30px;border:1px solid #6283B2;color:#2c5998;padding:2px 8px;font-size:14px}.profile-are .pro-item .location-ul{display:flex;flex-direction:column;gap:12px}.profile-are .pro-item .location-ul li{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.profile-are .pro-item .location-ul li .btn-style2{flex:0 0 auto;padding:8px 20px}.profile-are .pro-item .location-ul li .text h3{font-size:16px;font-weight:500}.profile-are .pro-item .location-ul li .text p{font-size:14px}.filter-pop{position:fixed;width:100%;height:100%;z-index:101;background:#f5f5f5;top:0;left:0}.filter-pop .rel{position:relative;width:100%;height:100%;overflow:auto}.filter-pop h2{line-height:1}.filter-pop .cont-box{display:flex;flex-direction:column;padding-top:20px;gap:20px}.filter-pop .cont-box.padt-40{padding-top:40px}.filter-pop .xx-right{display:flex;justify-content:flex-end}.filter-pop .xx-right button{background:none}.filter-pop .filter-itemset{display:flex;flex-direction:column;gap:8px}.filter-pop .filter-itemset .title-box{display:flex;justify-content:space-between;align-items:center}.filter-pop .filter-itemset .change-btn{font-size:14px;font-weight:500;color:#1d59a8;text-decoration:underline;background:#f5f5f5}.filter-pop .filter-itemset .selected-tag{flex-wrap:wrap;display:flex;list-style:none;gap:8px}.filter-pop .filter-itemset .selected-tag li{color:#474241;font-size:14px;opacity:.5}.filter-pop .filter-itemset .select-item{display:flex;list-style:none;gap:8px;flex-wrap:wrap}.filter-pop .filter-itemset .select-item li{border:1px solid #B5B3B3;font-size:14px;padding:8px 20px;border-radius:50px}.filter-pop .filter-itemset .select-item li.now{background:#f8f184;border:1px solid #F4E732}.login-img{padding:20px 0}.login-img img{display:block;margin:0 auto;width:100%;max-width:303px}.login-item{display:flex;flex-direction:column;gap:20px;align-items:center}.login-item .login-btnarea{display:flex;justify-content:center;gap:20px}.login-item .login-btnarea button{background:#fff;border-radius:12px;padding:16px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.login-item .login-btnarea button svg{display:block}.login-item .login-btnarea button:active{background:#edecec}@media only screen and (min-width: 1024px){.login-item .login-btnarea button:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;box-shadow:2px 2px 20px #0000001a}}.login-item .note{font-size:12px;text-align:center;max-width:313px}.login-item .note a{text-decoration:underline}.member-cont{padding:20px 0}.member-cont .title-box{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.member-cont .right-btn-area{display:flex;gap:8px}.member-cont .form-area{margin-bottom:40px;display:flex;flex-direction:column;gap:12px}.member-cont .form-area .flex-box{gap:8px}.member-cont .form-area .flex-box .item-box{width:calc(50% - 4px)}.member-cont .form-area .item-box{background:#fff;border-radius:12px;padding:16px;display:flex;gap:8px;width:100%;align-items:center}.member-cont .form-area .item-box p{flex:0 0 auto}.member-cont .form-area .item-box input{background:#fff;font-size:16px;width:100%}.member-cont .form-area .item-box input.un-write{opacity:.5}.member-cont .form-area .error-text{color:#b32323;font-size:12px;text-align:right;margin-top:4px}.member-cont .form-area .edm-area{display:flex;gap:8px;justify-content:space-between;align-items:center}.member-cont .form-area .edm-area .yel-btn{width:51px;padding:2px;background:#ccc;flex:0 0 auto;border-radius:50px}.member-cont .form-area .edm-area .yel-btn.open{background:#f4e732}.member-cont .form-area .edm-area .yel-btn.open .cir-btn{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;left:20px}.member-cont .form-area .edm-area .cir-btn{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;position:relative;display:flex;flex:0 0 auto;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #00000026}.no-collect{padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:8px}.no-collect p{text-align:center}.no-collect .btn-style2{color:#474241}*{box-sizing:border-box}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,img{margin:0;padding:0}fieldset,img,abbr,acronym{border:0}q:before,q:after{content:""}input,button,select,textarea{border:none;outline:none}button{cursor:pointer;padding:0}a{text-decoration:none;color:#555}body,html{width:100%;height:100%}@-webkit-keyframes alpha01{0%{opacity:0}to{opacity:1}}@keyframes alpha01{0%{opacity:0}to{opacity:1}}@-webkit-keyframes alpha10{0%{opacity:1}to{opacity:0}}@keyframes alpha10{0%{opacity:1}to{opacity:0}}@-webkit-keyframes alphatop30{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes alphatop30{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes alphabottom30{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes alphabottom30{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes alphatopright30{0%{opacity:0;transform:translate(60px,60px)}to{opacity:1;transform:translate(0)}}@keyframes alphatopright30{0%{opacity:0;transform:translate(60px,60px)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes alphleft30{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes alphleft30{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate360{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes kv-padding{0%{padding:0}to{padding:1.5%}}@keyframes kv-padding{0%{padding:0}to{padding:1.5%}}@-webkit-keyframes cirmove1{0%{transform:translate(0)}25%{transform:translate(-300px,-100px)}50%{transform:translate(-600px,600px)}75%{transform:translate(-100px,400px)}to{transform:translate(0)}}@keyframes cirmove1{0%{transform:translate(0)}25%{transform:translate(-300px,-100px)}50%{transform:translate(-600px,600px)}75%{transform:translate(-100px,400px)}to{transform:translate(0)}}@-webkit-keyframes cirmove1m{0%{transform:translate(0)}25%{transform:translate(-100px,100px)}50%{transform:translate(-300px,350px)}75%{transform:translate(100px,100px)}to{transform:translate(0)}}@keyframes cirmove1m{0%{transform:translate(0)}25%{transform:translate(-100px,100px)}50%{transform:translate(-300px,350px)}75%{transform:translate(100px,100px)}to{transform:translate(0)}}@-webkit-keyframes cirmove2{0%{transform:translate(0)}25%{transform:translate(300px,100px)}50%{transform:translate(500px,-600px)}75%{transform:translate(100px,-400px)}to{transform:translate(0)}}@keyframes cirmove2{0%{transform:translate(0)}25%{transform:translate(300px,100px)}50%{transform:translate(500px,-600px)}75%{transform:translate(100px,-400px)}to{transform:translate(0)}}@-webkit-keyframes cirmove2m{0%{transform:translate(0)}25%{transform:translate(100px,-100px)}50%{transform:translate(300px,-350px)}75%{transform:translate(-100px,-100px)}to{transform:translate(0)}}@keyframes cirmove2m{0%{transform:translate(0)}25%{transform:translate(100px,-100px)}50%{transform:translate(300px,-350px)}75%{transform:translate(-100px,-100px)}to{transform:translate(0)}}@-webkit-keyframes loadscale{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes loadscale{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}