@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);html,body{font-family:"Noto Sans TC", sans-serif;position:relative;max-width:100%}body{overflow-x:hidden}html.line-font{font-size:15px}html.square-font{font-size:16px}.line-font .hpy-nav .btn{letter-spacing:0.05rem;font-size:1.1rem}html[lang="vn"].line-font .hpy-nav .btn{letter-spacing:0rem;font-size:1.1rem}.square-font .hpy-nav .btn{letter-spacing:0.2rem}.hpy-nav{transition:background-color 0.3s;position:fixed;top:0;left:0;z-index:1000;width:100%;text-align:center;display:block}.hpy-nav .btn{display:inline-block;transition:color 0.3s, opacity 0.3s;color:black;opacity:0;font-size:1rem}.hpy-nav .btn:hover{color:#d9a026 !important}.hpy-nav .icon{transition:filter 0.3s;filter:brightness(0.1)}.hpy-nav .to-black{filter:brightness(0.1)}.hpy-nav .dynamic-bar{padding-top:0}.hpy-nav .logo-con{display:inline-block}.hpy-nav .logo{transition:opacity 0.3s;opacity:0}.hpy-nav.moving,.hpy-nav.active{background:#faffff}.hpy-nav.moving .btn,.hpy-nav.active .btn{color:#120202;opacity:1}.hpy-nav.moving .icon>img,.hpy-nav.active .icon>img{filter:brightness(0.1)}.hpy-nav.moving .logo,.hpy-nav.active .logo{opacity:1}.desktop{display:none}@media (min-width: 992px){.desktop{display:block}}.mobile{display:none}@media (max-width: 991px){.mobile{display:block}}.lang-icon{position:relative}.lang-icon select{left:0;top:0;opacity:0.01;width:100%;height:100%;position:absolute}.lang-icon img{filter:invert(1);transition:filter 0.3s}.hpy-nav.desktop{padding:20px 60px}.hpy-nav.desktop .lang-icon{position:relative}.hpy-nav.desktop .lang-icon select{left:0;top:0;opacity:0.01;width:100%;height:100%;position:absolute}.hpy-nav.desktop .lang-icon img{filter:invert(1)}.hpy-nav.desktop.moving .lang-icon img,.hpy-nav.desktop.active .lang-icon img{filter:invert(0)}.nav-toggle{display:inline-block}.nav-toggle .menu-icon{margin:7.5px}.hpy-nav.mobile{padding:20px}.hpy-nav.mobile .func-con{position:absolute;padding:20px;right:0;top:0}.hpy-nav.mobile .menu-icon{_filter:invert(1);transition:filter 0.3s}.hpy-nav.mobile.moving .menu-icon,.hpy-nav.mobile.moving .lang-icon,.hpy-nav.mobile.active .menu-icon,.hpy-nav.mobile.active .lang-icon{filter:invert(0)}.hpy-nav.mobile .dynamic-bar{display:none;opacity:0;transition:opacity 0.3s}.hpy-nav.mobile .dynamic-bar .center-zone{padding:20px 0}.hpy-nav.mobile .dynamic-bar .center-zone a{margin-bottom:10px}.hpy-nav.mobile.active .dynamic-bar{padding:30px;display:block;opacity:1}body{background:#faffff}.section{padding:50px 0}nav{text-align:center;padding:20px}.fullscreen.modal{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.fullscreen.modal .modal-dialog{position:fixed;margin:0;width:100%;height:100%;padding:0}ul.pd-sm,.pkg-detail-modal div>ul,.pkg-detail-modal div>ul>li>ul{padding-left:20px}.taste-modal .close,.station-modal .close,.pkg-suggest-modal .close,.pkg-detail-modal .close{background-color:rgba(255,255,255,0.8);position:absolute;padding:5px;top:5px;right:5px;z-index:10}.taste-modal h4,.station-modal h4,.pkg-suggest-modal h4,.pkg-detail-modal h4{color:#eab543}.taste-modal h5,.station-modal h5,.pkg-suggest-modal h5,.pkg-detail-modal h5{font-size:1rem}.taste-modal .modal-content,.taste-modal .modal-body,.taste-modal .modal-footer,.station-modal .modal-content,.station-modal .modal-body,.station-modal .modal-footer,.pkg-suggest-modal .modal-content,.pkg-suggest-modal .modal-body,.pkg-suggest-modal .modal-footer,.pkg-detail-modal .modal-content,.pkg-detail-modal .modal-body,.pkg-detail-modal .modal-footer{padding:0}.taste-modal .modal-content,.station-modal .modal-content,.pkg-suggest-modal .modal-content,.pkg-detail-modal .modal-content{background:none}.taste-modal .modal-title,.station-modal .modal-title,.pkg-suggest-modal .modal-title,.pkg-detail-modal .modal-title{display:block;background-color:#eab543;width:5rem;height:5rem;color:white;text-align:center;vertical-align:middle;line-height:5rem}@media (min-width: 768px){.taste-modal .modal-dialog,.station-modal .modal-dialog,.pkg-suggest-modal .modal-dialog{width:80%;max-width:120%;background:none}}.taste-modal .right,.station-modal .right,.pkg-suggest-modal .right{background-color:rgba(0,0,0,0.3);flex-wrap:wrap;display:flex;align-items:flex-start;flex-direction:column;padding:0}.taste-modal .right img,.station-modal .right img,.pkg-suggest-modal .right img{width:100%}.taste-modal .left,.station-modal .left,.pkg-suggest-modal .left{padding:40px;background:white}.taste-modal .left ul,.station-modal .left ul,.pkg-suggest-modal .left ul{padding-left:20px;list-style:none;margin-bottom:1rem}.taste-modal .left h5:before,.station-modal .left h5:before,.pkg-suggest-modal .left h5:before{content:"▍";margin-left:-1em}.taste-modal .left h5,.station-modal .left h5,.pkg-suggest-modal .left h5{padding-left:1em;line-height:1.8}.taste-modal .left li:before,.station-modal .left li:before,.pkg-suggest-modal .left li:before{content:"➔";margin-left:-1.8em;margin-right:0.8em}.taste-modal .left li,.station-modal .left li,.pkg-suggest-modal .left li{padding-left:1.8em;margin-bottom:0.2em}.taste-modal .left li,.taste-modal .left p,.station-modal .left li,.station-modal .left p,.pkg-suggest-modal .left li,.pkg-suggest-modal .left p{line-height:1.8;font-size:0.8rem;color:#646464}.station-modal .des-title{margin-top:1.8rem;font-size:0.8rem}.modal{overflow:auto !important}.pkg-detail-modal .container-fluid{padding:40px}.pkg-detail-modal .buy-con{padding:40px;background-color:#eab543;color:white}.pkg-detail-modal .buy-con h4{color:white !important;margin-bottom:0}.pkg-detail-modal h4{margin-bottom:1rem}.pkg-detail-modal .modal-body{background:white}.pkg-detail-modal .row{padding-top:20px;padding-bottom:20px}.pkg-detail-modal .left{padding-right:30px}.pkg-detail-modal .left h5{font-weight:bold;margin-bottom:1rem;line-height:1.8}.pkg-detail-modal .left li{line-height:1.8}.pkg-detail-modal .left:after{content:" ";position:absolute;display:block;top:0;right:0px;bottom:0px;border:1px solid #e6e6e6;border-radius:1px}.pkg-detail-modal .right{padding:10px;padding-left:30px;text-align:left}.pkg-detail-modal .right img{display:inline-block;width:100%}.pkg-detail-modal .pass-card{width:70% !important}.pkg-detail-modal .post-card1{width:50% !important}.pkg-detail-modal .f-pass-card{width:80% !important}.pkg-detail-modal .f-post-card{width:50% !important}.pkg-detail-modal div>ul{margin-bottom:1rem}.pkg-detail-modal div>ul>li{margin-bottom:1rem}.pkg-detail-modal div>ul>li>ul{margin-top:0.1rem}.pkg-detail-modal div>ul>li>ul>li{color:#646464;line-height:180%;font-size:0.8rem}.block{padding:60px 0}.section-header h1{text-align:center}.section-header .text{text-align:left}.square-font .section-header h1{letter-spacing:0.2rem}h1{font-size:1.5rem;margin-bottom:2rem}h2{font-size:1.25rem}.img{width:100%}#banner-video img#banner-img{background:black;object-position:left top;object-fit:cover;width:100vw;height:56vw;_min-height:100vh}#banner-video .bg-front-inner{height:56vw}#banner-video .bg{width:100%;position:absolute;top:0}#banner-video .bg-video{position:relative;top:0;left:0}#banner-video .front{width:100%;position:relative;top:0;height:100%}.banner-image{width:100%}.banner-image .bg{position:relative;width:100vw;background-repeat:no-repeat;background-size:cover}.banner-image .bg-front{position:relative;width:100%;top:0;left:0}.banner-image .bg-front-inner{position:relative;width:100%}.banner-image .bg-front-inner .logo{opacity:0}#banner-image-mobile{min-width:360px}#banner-image-mobile .logo{position:absolute;top:12%;width:64%;left:17%}#banner-image-mobile .characters{position:absolute;width:80%;bottom:0;left:10%}#banner-image-mobile .bg{width:100%;_padding-top:145%}#banner-image-mobile .bg-img{top:0;position:relative;margin-left:auto;margin-right:auto;left:0;right:0;padding-top:145%;min-width:360px}#banner-image-mobile .bg-element{position:absolute;top:0;filter:brightness(0.98)}#banner-image-mobile .footer{padding:50px 0}#banner-image-mobile [alt="新北心旅行logo"]{width:16.3%}#banner-image-mobile [alt="台灣好行logo"]{width:49.72%}#banner-image-mobile .dessss{line-height:1.8}.square-font #attachments h5{letter-spacing:8pt}.line-font #attachments h5{letter-spacing:1pt;font-weight:bold}#attachments .transport-info-block p{font-size:0.9em;line-height:1.8}#attachments .transport-icon{text-align:right;margin-bottom:0.8em}#attachments .transport-icon img{max-width:35px;width:100%;filter:brightness(0)}#attachments h5{text-align:center;font-size:0.8rem;margin-top:20px}#attachments .lomo{filter:saturate(0.7) brightness(1.1) hue-rotate(-10deg)}#banner-image-desktop .bg{height:100vh;max-height:1024px;background-position:0% 0%}@media (min-width: 992px){#banner-image-desktop .bg{background-image:url("/img/desktop/_BG.jpg")}}@media (max-width: 991px){#banner-image-desktop .bg{background-image:url("/img/banner/768_1024px/img_bg.png")}}#banner-image-desktop .bg-front{height:100vh;min-height:48vw}#banner-image-desktop .bg-characters{position:absolute;display:flex;justify-content:center;align-items:flex-end;width:100%;bottom:0px}@media (min-width: 992px){#banner-image-desktop .bg-characters{height:78%}}@media (max-width: 991px){#banner-image-desktop .bg-characters{height:60%}}#banner-image-desktop .logo{position:absolute;width:28%;left:10%;top:10%}@media (max-width: 992px){#banner-image-desktop .logo{width:50%}}#banner-image-desktop .mucha-line img,#banner-image-desktop .sponsors img{width:100%}#banner-image-desktop .sponsors{right:3%;position:absolute;width:17.7%;top:11.2%}@media (max-width: 991px){#banner-image-desktop .sponsors{width:30%}}#banner-image-desktop .mucha-line{position:absolute;right:3.6%;bottom:5%;width:6.4%}@media (max-width: 991px){#banner-image-desktop .mucha-line{width:10%}}#banner-image-desktop .p1,#banner-image-desktop .p2,#banner-image-desktop .p3{height:100%}#banner-image-desktop .p1{margin-left:-2vh;margin-right:-7.5vh;z-index:1}#banner-image-desktop .p2,#banner-image-desktop .p3{z-index:2}#banner-video{position:relative}#banner-video .bg{height:56vw;max-height:1024px;background-color:rgba(0,0,0,0.2)}#banner-video .bg[domain="f"]{background-color:rgba(0,0,0,0)}#banner-video .bg-front{height:100vh;min-height:48vw}#banner-video .logo{position:absolute;width:28%;left:10%;top:35%}@media (max-width: 992px){#banner-video .logo{width:40%}}@media (max-width: 576px){#banner-video .logo{width:50%}}#banner-video .subtitle,#banner-video .subtitle2{color:white;width:60em;display:inline-block;padding:0.3rem;padding-left:1rem;text-shadow:-0.5px -0.5px 0 black, 0.5px -0.5px 0 black, -0.5px 0.5px 0 black, 0.5px 0.5px 0 black}#banner-video .subtitle{font-size:0.9rem}#banner-video .subtitle2{font-size:0.9rem}#banner-video .subtitle3{line-height:1.8em}#banner-video .subtitle-con{position:absolute;padding:25px;_background-color:rgba(255,255,255,0.5);left:2%;top:38%}@media (max-width: 992px){#banner-video .subtitle-con{left:2%;width:45em;top:27%}}@media (max-width: 900px){#banner-video .subtitle-con{left:2%;width:45em;top:27%;transform-origin:top left;transform:scale(0.8)}}@media (max-width: 768px){#banner-video .subtitle-con{left:2%}}@media (max-width: 576px){#banner-video .subtitle-con{top:52%;width:auto}}#banner-video .logo795{display:block;float:left}.line-font #banner-video .subtitle,.line-font #banner-video .subtitle2{letter-spacing:0.5pt}@media (min-width: 992px){.line-font #banner-video .subtitle,.line-font #banner-video .subtitle2{width:60rem}}.square-font #banner-video .subtitle,.square-font #banner-video .subtitle2{letter-spacing:1pt}.intro-slick .slick-slide{border:solid 1px #6495ff}.intro-slick .slick-dots{bottom:-40px}.intro-slick .slick-dots li button:before{color:#6495ff}.intro-slick .slick-dots li.slick-active button:before{color:#3263ff}#happiness .text{line-height:1.8}#happiness .text.square-font{text-align:center}#happiness .text.line-font{text-align:left}@media (max-width: 576px){#happiness .line-end-line{display:none}}@media (min-width: 576px){#happiness .p-group p{margin-bottom:0}}.section-intro-text{line-height:1.8}@media (min-width: 768px){.section-intro-text{padding-left:20px}}#package .text{line-height:1.8}@media (min-width: 768px){#package .text{padding-left:20px}}@media (max-width: 768px){#package .detail-hint{display:none}}#package .package-con .row{padding:50px 0}#package .pkg-img-inner{position:relative}#package .pkg-img{padding-left:20px;padding-bottom:20px}@media (max-width: 768px){#package .pkg-img{margin-bottom:30px}}#package .pkg-img .img{position:relative;top:20px;left:-20px;_box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);z-index:3}#package .pkg-img .img:nth-child(2){position:absolute;top:0px;left:0px;z-index:2}#package .pkg-txt{line-height:1.8;text-align:left}@media (min-width: 768px){#package .pkg-txt{padding-left:20px}#package .pkg-txt .float-right{margin-top:0.9rem}}#package .pkg-txt h2{font-weight:500;margin-bottom:0.7rem}.partner-info{font-size:0.7rem;color:gray;line-height:1.3}.partner-des{font-size:1rem !important;color:black !important;line-height:1.8}.square-font #house .des,.square-font #partner .des{text-align:left}.line-font #house .des .line-font #partner .des{text-align:left}.line-font #house .taste-con .location-name,.line-font #partner .taste-con .location-name{color:#787878}.line-font #house .taste-con .des,.line-font #partner .taste-con .des{padding-left:0;padding-right:0}#partner .text{line-height:1.8}#partner .taste-con{cursor:pointer;display:block;margin-bottom:20px}#partner .taste-con .location-good{line-height:1.6;margin-top:0.4rem;margin-bottom:0.2rem;font-weight:normal;transition:color 0.5s}#partner .taste-con:hover .location-good{color:#eab543}#partner .taste-con:hover .div-img{background-size:110%;filter:saturate(1.3)}@media all and (max-width: 576px){#partner .taste-con{flex:0 0 calc(50% - 5px);margin:5px}#partner .taste-con:nth-child(even){margin-right:0}#partner .taste-con:nth-child(odd){margin-left:0}}@media all and (min-width: 577px){#partner .taste-con{width:200px;margin:10px}}@media all and (min-width: 960px){#partner .taste-con{width:18%;max-width:200px}}#partner .taste-con .div-img{width:100%;padding-top:66%;background-position:center;transition:background-size 0.3s, filter 0.3s;background-size:100%}#partner .taste-con .location-name{font-size:0.8rem}#partner .taste-con .des{width:100%;padding:5px}#house .text{line-height:1.8}#house .taste-con{cursor:pointer;display:block;margin-bottom:20px}#house .taste-con .location-good{line-height:1.6;margin-top:0.4rem;margin-bottom:0.2rem;font-weight:normal;transition:color 0.5s}#house .taste-con:hover .location-good{color:#eab543}#house .taste-con:hover .div-img{background-size:110%;filter:saturate(1.3)}@media all and (max-width: 576px){#house .taste-con{flex:0 0 calc(50% - 5px);margin:5px}#house .taste-con:nth-child(even){margin-right:0}#house .taste-con:nth-child(odd){margin-left:0}}@media all and (min-width: 577px){#house .taste-con{width:200px;margin:10px}}@media all and (min-width: 960px){#house .taste-con{width:30%;max-width:400px}}#house .taste-con .div-img{width:100%;padding-top:66%;background-position:center;transition:background-size 0.3s, filter 0.3s;background-size:cover;background-size:102%}#house .taste-con .location-name{font-size:0.8rem}#house .taste-con .des{width:100%;padding:5px}.line-font .station-con .station-des{color:#787878}.station-con{cursor:pointer;display:block;max-width:200px;margin-bottom:20px}@media all and (max-width: 576px){.station-con{flex:0 0 calc(50% - 5px);margin:5px}.station-con:nth-child(even){margin-right:0}.station-con:nth-child(odd){margin-left:0}}@media all and (min-width: 577px){.station-con{width:200px;margin:10px}}.station-con .div-img{width:100%;padding-top:75%;background-position:center;background-size:contain}.station-con .station-title{font-weight:normal;line-height:1.6}.station-con .station-des{line-height:1.8;font-size:0.8rem;text-align:left}.station-con h3{transition:color 1s}.station-con:hover h3{color:#eab543}.buy-logo-con>a{margin:4px}.buy-logo{height:2.5rem}.image-video{width:100%;height:100%;top:0;left:0;position:absolute}.rn-footer{background:#fff}.rn-footer dl.rn-dt-after-colon>div>dt::after,.rn-footer dl.rn-dt-after-colon>dt::after{content:"："}.rn-footer dl.rn-dt-before-tbar>div>dt::before,.rn-footer dl.rn-dt-before-tbar>dt::before{content:"▍"}.rn-footer dl.rn-dt-d-inline>dt,.rn-footer dl.rn-dt-d-inline>:not(dl)>dt,.rn-footer dl.rn-dt-d-inline>:not(dl)>:not(dl)>dt,.rn-footer dl.rn-dt-d-inline>:not(dl)>:not(dl)>:not(dl)>dt{display:inline}.rn-footer dl.rn-dt-d-block>dt,.rn-footer dl.rn-dt-d-block>:not(dl)>dt,.rn-footer dl.rn-dt-d-block>:not(dl)>:not(dl)>dt,.rn-footer dl.rn-dt-d-block>:not(dl)>:not(dl)>:not(dl)>dt{display:block}.rn-footer dl.rn-dd-d-inline>dd,.rn-footer dl.rn-dd-d-inline>:not(dl)>dd,.rn-footer dl.rn-dd-d-inline>:not(dl)>:not(dl)>dd,.rn-footer dl.rn-dd-d-inline>:not(dl)>:not(dl)>:not(dl)>dd{display:inline}.rn-footer dl.rn-dd-after-bar dd:after{content:" | "}.rn-footer dl.rn-dd-after-bar dd:last-of-type:after{content:none}.rn-footer dl.rn-dl-left-right>div{display:flex;align-items:flex-start}.rn-footer dl.rn-dl-left-right>div>dt{flex:0 0 auto}.rn-footer .rn-footer-special .per-area>dd{margin-left:2rem}.rn-footer{background-color:#d4a235;padding:80px 0;padding-bottom:100px;color:snow;line-height:1.8}.rn-footer .logos img{display:inline-block;margin-bottom:1em}.rn-footer .team-logo{max-width:65%}@media (max-width: 576px){.rn-footer .team-logo{width:50%}}@media (max-width: 768px){.rn-footer .team-logo{width:100%}}@media (max-width: 576px){.rn-footer .team-logo-br{display:none}}.rn-footer .team dl>div{margin-bottom:1.5rem}.rn-footer .partner>dl>div>dt{margin-bottom:0.5rem}.rn-footer .partner .rn-dl-left-right>div>dt{flex:0 0 4rem}#image-video-container{padding:50px 0;padding-bottom:100px;background-color:#eeca7c;color:snow}#rn-banner-mobile-des,.rn-read-more{position:relative;color:white !important;text-align:center;text-shadow:-0.5px -0.5px 0 black, 0.5px -0.5px 0 black, -0.5px 0.5px 0 black, 0.5px 0.5px 0 black}#rn-banner-mobile-des *,.rn-read-more *{text-align:center}#rn-banner-mobile-des{max-width:440px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-55%);width:85%;padding:25px}@media (max-width: 420px){#rn-banner-mobile-des{max-width:none;width:100%;padding:20px;font-size:0.9em}}#banner-read-more-icon{width:30px;filter:brightness(0.2)}.m-20{margin-top:20px;margin-bottom:20px}.btn{margin-bottom:5px}body.freeyourself-tw .happinesswellbeingtrips-tw,body.happinesswellbeingtrips-tw .freeyourself-tw{display:none !important}a.reverse{color:white !important}a.reverse:hover{color:#cefdfb !important}@media (max-width: 420px){html[lang="en"] #rn-banner-mobile-des-con h1.h5{font-size:1rem}html[lang="en"] #rn-banner-mobile-des-con .dessss{font-size:0.8em}}.yt-video-con{width:100%;position:relative;overflow:hidden;padding-top:56%}#tiny-video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.hidden{display:none !important}.invisible{visibility:hidden !important}.pkg-sub-title{font-size:1.1rem;margin-bottom:1rem}