@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&family=Noto+Serif+TC:wght@400;600;700&family=Playfair+Display:wght@500;700&display=swap";i.font-icon,.member-binding .modal-content i.close-btn:before,#money-popup>.win>i.close:before,.course i.title.icon2:before,.course i.title.icon1:before{display:block;overflow:hidden}#toast{display:block;position:fixed;z-index:99999;background-color:#000;color:#fff;top:0;left:50%;font-size:12pt;padding:10px;min-width:300px;text-align:center;border-radius:6px;line-height:1.5em;box-shadow:3px 3px 1px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translate(-50%, 0)}#toast.show{animation:toast-show 3s ease-in-out}@keyframes toast-show{0%{visibility:visible}10%{opacity:1;transform:translate(-50%, 100px)}90%{opacity:1;transform:translate(-50%, 100px)}}@font-face{font-family:"icon";src:url("../fonts/icon.woff2?ow1S") format("woff2"),url("../fonts/icon.woff?M35b") format("woff"),url("../fonts/icon.ttf?5Ob-") format("truetype");font-display:block;font-style:normal}.font-icon,.member-binding .modal-content .close-btn:before,#money-popup>.win>.close:before,.course .title.icon2:before,.course .title.icon1:before,.member-area aside ul li.active:before{font-family:icon;font-weight:normal;font-style:normal;vertical-align:middle}.font-icon::before,.member-binding .modal-content .close-btn::before,#money-popup>.win>.close::before,.course .title.icon2::before,.course .title.icon1::before,.member-area aside ul li.active::before,.font-icon::after{display:inline;vertical-align:middle;line-height:1em}.course .title.icon1:before{content:""}.course .title.icon2:before{content:""}.member-binding .modal-content .close-btn:before,#money-popup>.win>.close:before{content:""}.member-area aside ul li.active:before{content:""}.overview .member-item.type2>div .ntch{width:80px;height:55px;background-position:-244px -86px}.overview .member-item.type2>div .wwy{width:80px;height:47px;background-position:-114px -172px}.icon,.course .title:before,.overview .member-item.type2>div .wwy,.overview .member-item.type2>div .ntch{background-image:url(../img/icon.png?6jBR);background-size:412px 295px;background-repeat:no-repeat;display:block}@media only screen and (min-device-pixel-ratio: 2),only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.icon,.course .title:before,.overview .member-item.type2>div .wwy,.overview .member-item.type2>div .ntch{background-image:url(../img/icon@2x.png?_faZ)}}.member-frame{max-width:1000px;width:100%;background:#fff;border-radius:40px;padding:40px 40px;box-sizing:border-box;margin:45px auto;box-shadow:0px 0px 10px rgba(0,0,0,.2)}@media screen and (max-width: 800px){.member-frame{padding:30px 20px}}.member-frame.favorite{background:rgba(0,0,0,0);box-shadow:none;padding:0;position:relative}.member-frame.favorite .time-title{font-family:"Noto Serif TC",PMingLiU,"LiSong Pro Light",serif;font-size:1.875em;padding:0 20px;margin-bottom:20px;font-weight:bold}.member-frame.favorite .news-list{background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,.2);padding:40px 40px;border-radius:40px;margin-bottom:40px}.member-frame.favorite .pagination{margin-top:0}#root>footer>.subscribe{display:none}.overview{position:relative}.overview .logout{color:#d9305d;position:absolute;top:0;right:0;font-size:1.125em;text-decoration:none}.overview .info{font-family:"Noto Serif TC",PMingLiU,"LiSong Pro Light",serif}.overview .info>h3{font-size:1.875em;font-weight:600;margin:0}.overview .info>h4{font-size:1.25em;font-weight:500;margin:20px 0}.overview .info>h4 span{color:#d9305d}.overview .member-item{display:flex;justify-content:space-between}@media screen and (max-width: 800px){.overview .member-item{display:block}}.overview .member-item.type2>div{width:49%;padding-top:5px;padding-bottom:5px;padding-left:110px;position:relative;text-align:left;min-height:85px;display:flex;align-items:center}@media screen and (max-width: 800px){.overview .member-item.type2>div{width:100%}}.overview .member-item.type2>div.member-cancel a{color:#636363}.overview .member-item.type2>div h4{color:#000;font-size:1em}.overview .member-item.type2>div h4 b{font-weight:600;color:#d9305d}.overview .member-item.type2>div time{color:#a2a2a2;display:block;font-size:.75em;margin-bottom:5px;font-family:"Noto Sans TC","Microsoft JhengHei","LiHei Pro Medium",sans-serif}.overview .member-item.type2>div a{color:#d9305d;text-decoration:underline;font-size:.875em}.overview .member-item.type2>div a:hover{cursor:pointer}.overview .member-item.type2>div .ntch{position:absolute;left:10px;top:0;bottom:0;margin:auto}.overview .member-item.type2>div .wwy{position:absolute;left:10px;top:0;bottom:0;margin:auto}.overview .member-item>a,.overview .member-item>div{display:block;width:18%;border-radius:5px;border:2px #eaeaea solid;text-decoration:none;text-align:center;padding:32px 10px;box-sizing:border-box;transition:all .5s;margin:15px 0}@media screen and (max-width: 800px){.overview .member-item>a,.overview .member-item>div{width:100%}}.overview .member-item>a:hover,.overview .member-item>div:hover{background:#eaeaea;transition:all .5s}.overview .member-item>a:hover h5,.overview .member-item>div:hover h5{color:#d9305d}.overview .member-item>a i,.overview .member-item>div i{color:#d9305d;margin-bottom:30px}.overview .member-item>a h5,.overview .member-item>div h5{font-size:1.25em;color:#000;font-weight:400;margin:0}.member-area{margin-top:40px}.member-area:after{content:" ";display:block;height:0;clear:both;visibility:hidden}.member-area aside{float:left;width:335px;background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,.2);border-radius:40px;padding-left:35px;box-sizing:border-box;padding:10px 0}@media screen and (max-width: 1200px){.member-area aside{width:29%}}@media screen and (max-width: 800px){.member-area aside{display:none}}.member-area aside ul{list-style:none;padding:0}.member-area aside ul li a{display:block;color:#000;font-size:1.375em;text-decoration:none;padding:17px 0 17px 35px}.member-area aside ul li a:hover{color:#d9305d}.member-area aside ul li.active{position:relative}.member-area aside ul li.active:before{font-size:1rem;color:#d9305d;display:block;position:absolute;top:22px;left:0}.member-area aside ul li.active a{color:#d9305d}.member-area .member-frame{width:calc(100% - 360px);float:right;margin-top:0}@media screen and (max-width: 1200px){.member-area .member-frame{width:69%}}@media screen and (max-width: 800px){.member-area .member-frame{width:100%}}.member-level{padding-bottom:100px}.member-level .level-info{display:flex;flex-wrap:wrap;padding-top:60px}@media only screen and (max-width: 600px){.member-level .level-info{justify-content:center}}.member-level .level-info img{margin-right:20px}.member-level .level-info .text{margin-left:15px}@media only screen and (max-width: 600px){.member-level .level-info .text{width:100%;margin:15px 0 0 0;text-align:center}}.member-level .level-info .text h4{font-size:1.75em;font-family:"Noto Serif TC",PMingLiU,"LiSong Pro Light",serif;font-weight:600;margin:0 0 20px 0}.member-level .level-info .text p{color:#595959;font-size:1.125em;margin:0}.member-level .level-info .text small{color:#f04;font-size:.9375em}.member-level .level-info .text .other-link{display:inline-block;color:#fff;font-size:.875em;text-align:center;border-radius:18px;padding:5px 60px;margin-top:15px;border:1px #09a784 solid;background:#09a784}.member-level .level-info .text .other-link:hover{text-decoration:none;background:#0db791}.member-level .level-box{padding:60px 0 100px 0;display:flex;justify-content:space-between;border-bottom:1px rgba(63,63,63,.23) solid;flex-wrap:wrap}.member-level .level-box article{width:49%}@media only screen and (max-width: 1000px){.member-level .level-box article{width:100%;margin:0 auto 50px auto}}.member-level .level-box article.personal>h4{color:#d9305d;font-size:1.625em}.member-level .level-box article.personal ul li{border:1px #d9305d solid}.member-level .level-box article.personal ul li .detail-btn{color:#d9305d;border:1px #d9305d solid}.member-level .level-box article.personal ul li .detail-btn:hover{color:#ff5f8f;border-color:#ff5f8f}.member-level .level-box article.personal ul li .pay-btn{background:#d9305d;color:#fff}.member-level .level-box article.personal ul li .pay-btn:hover{background:#ff5f8f}.member-level .level-box article.personal ul li .price b{color:#d9305d}.member-level .level-box article.group>h4{color:#7e5bbe;font-size:1.625em}.member-level .level-box article.group ul li{border:1px #7e5bbe solid}.member-level .level-box article.group ul li .detail-btn{color:#7e5bbe;border:1px #7e5bbe solid}.member-level .level-box article.group ul li .detail-btn:hover{color:#9a7ad5;border-color:#9a7ad5}.member-level .level-box article.group ul li .pay-btn{background:#7e5bbe;color:#fff}.member-level .level-box article.group ul li .pay-btn:hover{background:#9a7ad5}.member-level .level-box article.group ul li .price b{color:#7e5bbe}.member-level .level-box article>h4{margin-bottom:20px;font-weight:400}.member-level .level-box article>h4 i{display:inline-block;vertical-align:-6px;margin-right:10px}.member-level .level-box article ul{list-style:none;padding:0;display:flex;justify-content:space-between;margin:0}@media only screen and (max-width: 600px){.member-level .level-box article ul{display:block}}.member-level .level-box article ul li{background:#fff;padding:20px 10px 30px 10px;width:48%;border-radius:5px;text-align:center;box-shadow:0px 0px 10px rgba(0,0,0,.1)}@media only screen and (max-width: 600px){.member-level .level-box article ul li{width:100%;margin-bottom:10px}}.member-level .level-box article ul li h5{font-size:1.5em;margin:0;position:relative}.member-level .level-box article ul li h5 .note{font-size:.625em;display:block;font-weight:400;position:absolute;width:100%;text-align:center}.member-level .level-box article ul li .price{display:block;margin:30px 0}.member-level .level-box article ul li .price b{font-size:3em;font-weight:400}.member-level .level-box article ul li a{display:block;width:120px;padding:5px 10px;text-align:center;font-size:.875em;margin:10px auto;border-radius:36px}.member-level .level-box article ul li a:hover{text-decoration:none}.note-box{width:100%;background:#fff;border-radius:40px;padding:30px 40px;box-sizing:border-box;margin:45px auto;margin-top:90px}.note-box>div{max-width:960px;width:100%;margin:auto;font-size:1.125em}.note-box>div h4{font-size:2.223em;font-weight:400;text-decoration:underline;text-align:center;margin:0 0 30px 0}.note-box>div ol{padding:0;margin:0}.note-box>div ol li{line-height:26px;margin-bottom:30px}.pay-frame{margin:40px 0}.pay-frame .form-style{display:flex}@media screen and (max-width: 800px){.pay-frame .form-style{display:block}}.pay-frame article{width:calc(100% - 335px);padding:30px 20px 100px 20px;box-sizing:border-box;box-shadow:0px 0px 10px rgba(0,0,0,.2);border-radius:40px;background:#fff;margin-right:25px}@media screen and (max-width: 1200px){.pay-frame article{width:60%;margin-right:2%}}@media screen and (max-width: 800px){.pay-frame article{width:100%;padding:30px 20px;margin-bottom:30px}}.pay-frame .pay-aside{width:335px;position:relative}@media screen and (max-width: 1200px){.pay-frame .pay-aside{width:40%}}@media screen and (max-width: 800px){.pay-frame .pay-aside{width:100%}}.pay-frame .pay-aside>div{box-shadow:0px 0px 10px rgba(0,0,0,.2);background:#fff;border-radius:40px;position:sticky;top:80px}@media screen and (max-width: 800px){.pay-frame .pay-aside>div{position:relative;top:auto}}.pay-frame .pay-aside label{display:block;margin-bottom:.5rem;font-weight:600;font-size:1.25em}.pay-frame .pay-aside .detail{border-radius:5px;padding:30px;font-size:1.125em;box-sizing:border-box}.pay-frame .pay-aside .detail table tbody tr th{font-weight:600}.pay-frame .pay-aside .detail table tbody tr td{padding:6px 0}.pay-frame .pay-aside .detail table tbody tr td b{font-size:1.667em}.pay-frame .pay-aside [type=submit]{max-width:200px}.pay-finish{max-width:540px;width:100%;margin:auto;font-size:1.125em;text-align:center}.pay-finish h3{font-size:2.223em;font-weight:500;font-family:"Noto Serif TC",PMingLiU,"LiSong Pro Light",serif;margin:25px 0;text-align:center}.pay-finish h3>div{display:inline;background:url(../img/text-bg.png?NaFk) bottom;background-repeat:repeat-x;background-size:35px 15px}.pay-finish p{margin-top:0;margin-bottom:20px}.pay-finish p a{color:#d9305d}.pagination{margin:80px 0 0px 0}.course{border-bottom:2px solid rgba(230,88,126,.2);box-sizing:border-box;font-weight:300}.course:last-child{border-bottom:0}.course .title{font-size:1.25em;font-weight:500;display:inline-block;margin:0 30px 0 0}.course .title:before{content:" ";margin-right:10px;vertical-align:-3px}.course .title.icon1:before{font-size:1.38rem;color:#d9305d;display:inline-block}.course .title.icon2:before{font-size:1.31rem;color:#d9305d;display:inline-block}.course>span{font-size:1.125em}.course table{width:100%;border-collapse:collapse;border-spacing:0;font-size:1.125em}@media screen and (max-width: 1200px){.course table{font-size:1em}}@media screen and (max-width: 800px){.course table *{width:100%;display:block}}@media screen and (max-width: 800px){.course table thead{display:none}}.course table thead tr{border-bottom:2px #000 solid}.course table thead tr th{text-align:left;padding:25px 5px;font-weight:400}.course table tbody tr{border-bottom:2px solid rgba(226,226,226,.3)}.course table tbody tr:last-child{border-bottom:0}@media screen and (max-width: 800px){.course table tbody tr{position:relative;padding:10px 0}}.course table tbody tr td{padding:30px 5px}@media screen and (max-width: 800px){.course table tbody tr td{padding:10px 0}.course table tbody tr td.total{position:absolute;top:10px;right:0;text-align:right}}.date-sort{max-width:350px;width:100%;display:flex;margin-left:auto;margin-bottom:20px;position:absolute;right:0;top:0;align-items:center}@media screen and (max-width: 850px){.date-sort{max-width:100%;position:relative}}.date-sort .input-group{flex:1 0;padding-right:10px}.date-sort .input-group input{width:100%;padding:10px;height:40px;border:1px #a2a2a2 solid;box-sizing:border-box;border-radius:3px}.date-sort .btn-style{width:90px;padding:0px 10px;text-align:center;color:#fff;background:#d9305d;border-radius:3px;border:2px #d9305d solid;transition:all .5s;cursor:pointer;box-sizing:border-box;text-decoration:none;line-height:36px;height:40px}.date-sort .btn-style:hover{color:#d9305d;background:#fff;transition:all .5s}.money-btn{width:80px;height:24px;line-height:22px;color:#fff;background:#414141;text-align:center;font-size:.875em;border:0;margin-left:5px;cursor:pointer}.confirming{width:80px;height:24px;line-height:22px;color:#fff;background:#e6587e;text-align:center;font-size:.75em;border:0;margin-left:5px;display:inline-block}#money-popup{display:flex;justify-content:center;align-items:center;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);transition:opacity 500ms;visibility:hidden;opacity:0;opacity:1;z-index:999}#money-popup>.win{box-sizing:border-box;margin:0 auto;padding:60px 40px;background:#fff;width:calc(100vw - 60px);max-width:800px;position:relative;min-height:200px;display:flex;flex-direction:column;transform:scale(0.5);transform-origin:center center;opacity:0;transition:transform .2s ease-in-out,opacity .2s ease-in}#money-popup>.win>.close{width:40px;height:39px;padding:0;background:rgba(0,0,0,0);border:0;overflow:hidden;position:absolute;top:30px;right:30px;color:#000;text-decoration:none;cursor:pointer}#money-popup>.win>.close:before{font-size:2rem;display:block}#money-popup>.win>.content{display:block;flex:2 1 auto;font-weight:bold}#money-popup>.win>.content p{font-size:1.125em}#money-popup>.win .buttons{display:block;flex:0 1 auto;text-align:center}#money-popup>.win .buttons>[type=submit]{background-color:#d9305d;color:#fff;border:2px #d9305d solid;max-width:220px;margin:auto}@media only screen and (max-width: 600px){#money-popup>.win{padding:40px 20px}#money-popup>.win>.close{font-size:2em;line-height:32px}}#money-popup.active{visibility:visible;opacity:1}#money-popup.active>.win{transform:scale(1);opacity:1}.limited-box{padding:10px;background:#fff;border:1px #d9305d solid;text-align:center;font-family:"Noto Serif TC",PMingLiU,"LiSong Pro Light",serif;margin-bottom:50px}.limited-box .plan-title{color:#d9305d;font-size:1.875em}.member-level-title{text-align:center;font-family:"Noto Serif TC",PMingLiU,"LiSong Pro Light",serif}.member-level-title h3{font-size:1.875em;font-weight:600;margin:0 0 5px 0}.member-level-title span{font-size:1.25em;font-weight:300;color:#d9305d}.member-binding .modal-content{border-radius:50px;padding:70px 10px}.member-binding .modal-content .close-btn{position:absolute;right:30px;top:20px;background:rgba(0,0,0,0);border:0;padding:0}.member-binding .modal-content .close-btn:before{font-size:1rem}.member-binding .modal-content form{max-width:400px;width:100%;margin:auto}.member-binding .modal-content form .group label{font-size:.875em;display:block}.member-binding .modal-content form .group label b{color:#d9305d}.member-binding .modal-content form .group [type=text],.member-binding .modal-content form .group [type=email]{border:1px #a2a2a2 solid;height:45px;width:100%;padding:0 10px;border-radius:3px;box-sizing:border-box;color:#a2a2a2}.member-binding .modal-content form .group [type=text]::-moz-placeholder, .member-binding .modal-content form .group [type=email]::-moz-placeholder{font-size:.875em}.member-binding .modal-content form .group [type=text]::placeholder,.member-binding .modal-content form .group [type=email]::placeholder{font-size:.875em}.member-binding .modal-content form [type=submit]{width:100%;margin:auto;padding:13px 10px;font-size:.875em;text-align:center;color:#fff;background:#d9305d;border-radius:3px;border:2px #d9305d solid;transition:all .5s;cursor:pointer;box-sizing:border-box;display:block}.member-binding .modal-content form [type=submit]:hover{color:#d9305d;background:#fff}.font-icon-member-pw,.font-icon-member-info,.font-icon-member-love,.font-icon-member-time,.font-icon-member-data{height:55px;overflow:visible !important}.font-icon-member-pw::before,.font-icon-member-info::before,.font-icon-member-love::before,.font-icon-member-time::before,.font-icon-member-data::before{overflow:visible !important;height:55px}