body{font-family:PingFang TC;font-style:normal;font-weight:300;font-size:16px;line-height:30px}body.modal-open{max-height:100vh;overflow-y:hidden}label{cursor:pointer}.bg-fff{background-color:#fff}.f-primary{color:#1E1E1E}.bg-primary{color:#1E1E1E}.f-secondary{color:dimgray}.bg-secondary{color:dimgray}.f-000{color:#000}.f-fff{color:#fff}.f-caveat{color:#E27463}.f-57{color:#575757}.f-8E8E8E{color:#8E8E8E}.f-sumi{color:#696969}.f-bold-300{font-weight:300}.f-bold-600{font-weight:600}.f-14{font-size:14px}.f-16{font-size:16px}.f-18{font-size:18px}.f-20{font-size:20px}.f-24{font-size:24px}.f-32{font-size:32px}.button-primary{height:56px;line-height:56px;text-align:center;background:#1E1E1E;border-radius:6px;color:#fff;cursor:pointer;border:1px solid #1E1E1E}.button-primary.button-outline{background-color:#fff;color:#1E1E1E}.button-primary.button-lg{width:calc( 100% - 30px);margin-left:15px;margin-right:15px}.button-primary:hover{background-color:#666}a{color:inherit}.lock{width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:fixed;top:0px;left:0px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;z-index:999}.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.top-video{background-color:#6D6D6D;height:100vh;display:flex;position:relative;align-items:center;justify-content:center;overflow:hidden}@media (max-width: 768px){.top-video{height:auto;background-color:transparent}}.top-video video{width:100%}.top-video .fixed-icon{display:block;position:fixed;right:20px;bottom:10px;width:177px;height:142px;z-index:100;animation:coffee 1s steps(2) infinite;background-image:url(https://assets.niusnews.com/mall/coffee/fixed-icon.png)}@keyframes coffee{0%{background-position:0px}100%{background-position:-354px}}@media (max-width: 768px){.top-video .fixed-icon{display:none}}.top-video .fixed-scroll{position:absolute;left:20px;bottom:70px;width:27px;height:144px;animation:scroll 1s steps(4) infinite;background-image:url(https://assets.niusnews.com/mall/coffee/scrolldown.png)}@keyframes scroll{0%{background-position:0px}100%{background-position:-108px}}@media (max-width: 768px){.top-video .fixed-scroll{bottom:auto;top:400px}}.top-video .fixed-ig{position:absolute;left:13px;bottom:10px;display:flex}@media (max-width: 768px){.top-video .fixed-ig{display:none}}.fixed-buttons{border-top:1px solid #545454;padding:12px 12px 16px 12px;gap:15px;display:none;justify-content:space-between;align-items:center;position:fixed;bottom:0px;left:0px;width:100%;background-color:rgba(30,30,30,0.88);z-index:1}@media (max-width: 768px){.fixed-buttons{display:flex}}.fixed-buttons .button-buypass,.fixed-buttons .button-pass,.fixed-buttons .button-buybox{display:block;width:33%;height:46px;line-height:46px;text-align:center;color:#fff !important;font-size:14px;background:transparent;border-radius:6px;cursor:pointer;user-select:none}.fixed-buttons .button-buypass{background-color:#BCDFEB;color:#1E1E1E !important}.fixed-buttons .button-buybox{background-color:#F5F5EB;color:#1E1E1E !important}#modal_terms{display:none;width:100%;height:100%;position:fixed;top:0px;left:0px;overflow-y:scroll;z-index:100}#modal_terms .mask{background-color:rgba(0,0,0,0.5);width:100%;height:100%;cursor:pointer;position:fixed;z-index:-1;top:0px;left:0px}#modal_terms .content{width:90%;max-width:800px;padding:60px;background-color:#fff;margin:60px auto;border-radius:5px;position:relative}@media (max-width: 768px){#modal_terms .content{padding:30px}}#modal_terms .content .button-close{font-weight:500;font-size:32px;line-height:22px;letter-spacing:1.25px;color:#1E1E1E;position:absolute;top:15px;right:15px;cursor:pointer;z-index:10}.features.features-1-2{background:#bcdfeb;background:linear-gradient(90deg, #bcdfeb 0%, #bcdfeb 50%, #f5f5eb 50%, #f5f5eb 100%)}@media (max-width: 768px){.features.features-1-2{padding:0px}}.features .row-feature-1-2{max-width:1100px;margin:auto}.features .row-feature-1-2 .col-12{padding:0px}.features .feature-1{width:100%;height:100%;padding:88px 88px 88px 0px}@media (max-width: 768px){.features .feature-1{padding:30px 30px;background-color:#bcdfeb}}.features .feature-2{width:100%;height:100%;padding:88px 0px 88px 88px}@media (max-width: 768px){.features .feature-2{padding:30px 30px;background-color:#f5f5eb}}.features .feature .content{display:flex}@media (max-width: 768px){.features .feature .content{flex-wrap:wrap}}.features .feature .sep{border-top:1px solid #696969;margin:18px auto}.features .feature .left{width:50%}@media (max-width: 768px){.features .feature .left{width:100%}}.features .feature .right{width:50%;text-align:right}@media (max-width: 768px){.features .feature .right{width:100%}}.features .feature .button-buy{margin-top:40px;background-color:#1E1E1E;width:265px;height:60px;line-height:60px;color:#fff;text-align:center;letter-spacing:1.25px;cursor:pointer}@media (max-width: 768px){.features .feature .button-buy{margin-left:auto;margin-right:auto}}.features .feature .button-buy:hover{background-color:#fff;border:1px solid #696969;color:#696969}.features .feature .button-soon{margin-top:40px;width:265px;height:60px;line-height:60px;text-align:center;letter-spacing:1.25px;cursor:pointer;background-color:#8E8E8E;border:1px solid #8E8E8E;color:#fff}@media (max-width: 768px){.features .feature .button-soon{margin-left:auto;margin-right:auto}}.features.features-3{background:#fff}.features .row-feature-3{max-width:1100px;margin:auto}.features .feature-3-1{padding:88px 88px 88px 0px}@media (max-width: 768px){.features .feature-3-1{padding:30px 0px}}.features .feature-3-2{padding:88px 0px 88px 0px}@media (max-width: 768px){.features .feature-3-2{padding:30px;display:none}}.features.features-4{background-color:#F5F5EB}.features .row-feature-4{max-width:1100px;margin:auto}.features .feature-4-1{padding:88px 88px 88px 0px}@media (max-width: 768px){.features .feature-4-1{padding:30px}}.features .feature-4-2{padding:88px 0px 88px 0px}@media (max-width: 768px){.features .feature-4-2{display:none}}.features.features-5{background-color:#F5F5EB;background:linear-gradient(0deg, #fff 0%, #fff 50px, #bcdfeb 50px, #bcdfeb 100%)}@media (max-width: 768px){.features.features-5{background:linear-gradient(0deg, #bcdfeb 0%, #bcdfeb 100%)}}.features.features-5 .JPimage{position:absolute;left:0px;bottom:0px}.features .row-feature-5{max-width:1100px;margin:auto}.features .feature-5-1{padding:40px 88px 0px 0px}@media (max-width: 768px){.features .feature-5-1{padding:30px}}@media (max-width: 768px){.features .feature-5-1 .d-flex{flex-direction:column;text-align:center}}.features .feature-5-1 .image{width:150px;flex-shrink:0;margin:0px 15px 0px 0px}@media (max-width: 768px){.features .feature-5-1 .image{margin:0px auto 30px auto}}.features .feature-5-2{padding:40px 0px 0px 0px}@media (max-width: 768px){.features .feature-5-2{padding:30px}}.features.features-5{background-color:#BCDFEB}.features .row-feature-5{max-width:1100px;margin:auto}.features .feature-5-1{padding:88px 88px 88px 0px}@media (max-width: 768px){.features .feature-5-1{padding:30px}}.features .feature-5-2{padding:88px 0px 88px 0px}@media (max-width: 768px){.features .feature-5-2{padding:30px}}.features .row-feature-6{max-width:1100px;margin:auto}.features .feature-6-1{padding:150px 88px 150px 0px}@media (max-width: 768px){.features .feature-6-1{padding:30px}}.features .feature-6-2{padding:88px 0px 88px 0px}@media (max-width: 768px){.features .feature-6-2{padding:30px}}.features.stores{background-size:cover;background-image:url(https://assets.niusnews.com/mall/coffee/allstores.jpg)}@media (max-width: 768px){.features.stores{background-image:url(https://assets.niusnews.com/mall/coffee/allstores-m.jpg)}}.features .row-stores{max-width:1100px;margin:auto}.features .row-stores .feature-stores{padding:88px 30px}@media (max-width: 768px){.features .row-stores .feature-stores{height:calc( 100vh - 70px);display:flex;flex-direction:column;justify-content:flex-end;padding:30px}}.features .row-stores .button-buy{margin-top:40px;width:265px;height:60px;line-height:60px;text-align:center;letter-spacing:1.25px;cursor:pointer;background-color:#fff;border:1px solid #000;color:#000}.features .row-stores .button-buy:hover{background-color:#1E1E1E;color:#fff}#stores_container .storesSwiper .swiper-button-next,#stores_container .storesSwiper .swiper-button-prev{color:#000}#stores_container .storesSwiper .swiper-slide{background-color:#fff}#stores_container .storesSwiper .swiper-slide .image{opacity:0.3;height:70vh;width:100%;object-fit:cover}#stores_container .storesSwiper .swiper-slide .name{position:absolute;left:0px;bottom:60px;font-weight:600;font-size:20px;line-height:28px;text-align:center;width:100%}#stores_container .storesSwiper .swiper-slide .type{position:absolute;left:0px;bottom:30px;font-weight:300;font-size:16px;line-height:30px;text-align:center;letter-spacing:0.5px;width:100%}#stores_container .storesSwiper .swiper-slide:hover .image{opacity:1}#stores_container .storesSwiper .swiper-slide:hover .name,#stores_container .storesSwiper .swiper-slide:hover .type{color:#fff}.knowledge.bg-brown{background-color:#E5E5E5}.knowledge .row-knowledge{max-width:1100px;margin:auto}.knowledge .row-knowledge .left{padding:88px 88px 88px 0px}@media (max-width: 768px){.knowledge .row-knowledge .left{padding:30px 0px}}.knowledge .row-knowledge .right{padding:88px 0px 88px 0px}@media (max-width: 768px){.knowledge .row-knowledge .right{padding:30px 0px}}.knowledge .row-knowledge .sticky{position:sticky;top:80px}.knowledge .row-knowledge .button-buy{margin-top:40px;background-color:#1E1E1E;width:265px;height:60px;line-height:60px;color:#fff;text-align:center;letter-spacing:1.25px;cursor:pointer}.knowledge .row-knowledge .button-buy:hover{background-color:#fff;border:1px solid #696969;color:#696969}.knowledge .row-knowledge .posts .post{margin-bottom:30px}.knowledge .row-knowledge .posts .post .image{width:100%}.knowledge .row-knowledge .posts .post .subject{margin-top:20px;font-weight:600;font-size:20px;line-height:28px;text-align:justify}.gift{border:0.8px solid #696969}.gift .image{width:100%;object-fit:cover}.gift .information{padding:40px 0px}.gift .information .gift-label{width:300px;height:55px;line-height:55px;background-color:#1E1E1E;color:#fff;text-align:center;margin:auto}.terms{background-color:#E5E5E5;padding-top:60px;padding-bottom:60px}.terms .row-terms{max-width:1100px;margin:auto;color:#282828}.product-cover{width:100%;height:350px;position:relative;display:flex;flex-direction:column;justify-content:center;background-color:#000;background-position:center center;background-repeat:no-repeat;margin-bottom:70px}@media (max-width: 768px){.product-cover{margin-bottom:15px}}.product-cover .background{width:100%;height:100%;position:absolute;top:0px;left:0px;background-size:cover;background-position:center;opacity:0.5}.product-cover.small{height:180px;justify-content:flex-end;padding-bottom:25px}.product-cover.small .background{opacity:1}.product-cover .brand-name{max-width:100%;width:1020px;font-weight:600;font-size:32px;line-height:45px;letter-spacing:0.25px;color:#F5F5F5;margin:0px auto;position:relative}@media (max-width: 768px){.product-cover .brand-name{width:90%}}.product-cover .breadcumb{max-width:100%;width:1020px;font-weight:300;line-height:30px;letter-spacing:0.5px;color:#F5F5F5;margin:0px auto;position:relative}@media (max-width: 768px){.product-cover .breadcumb{width:90%}}#brands_container .tabs{display:flex;width:300px;max-width:100%;justify-content:space-between}#brands_container .tabs .tab{font-weight:600;font-size:16px;height:30px;line-height:30px;letter-spacing:0.5px;color:#8E8E8E;cursor:pointer}#brands_container .tabs .tab.on{color:#1E1E1E;border-bottom:3px solid #1E1E1E}#brands_container .brand{width:100%}#brands_container .brand .image{position:relative}#brands_container .brand .image .img{width:100%}#brands_container .brand .image .label-jko{position:absolute;bottom:0px;left:0px}#brands_container .brand .name{font-weight:600;font-size:20px;line-height:28px}#brands_container .brand .button-intro{display:block;width:200px;height:60px;line-height:60px;text-align:center;background:#1E1E1E;font-weight:500;color:#fff !important}@keyframes heart_bounce{from{transform:scale(1)}to{transform:scale(1.5)}}#brand_container .brand-cover{width:100%;height:auto;position:relative;background-color:#000;min-height:200px;margin-bottom:70px}@media (max-width: 768px){#brand_container .brand-cover{margin-bottom:15px;min-height:200px}}#brand_container .brand-cover .background{width:100%;height:100%;position:absolute;top:0px;left:0px;background-size:cover;background-position:center;opacity:0.85}#brand_container .brand-cover .swiper-brand-cover{opacity:0.85}#brand_container .brand-cover .swiper-brand-cover img{width:100%;max-height:680px;object-fit:cover}@media (max-width: 768px){#brand_container .brand-cover .swiper-brand-cover img{height:500px}}#brand_container .brand-cover .title{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;z-index:99}@media (max-width: 768px){#brand_container .brand-cover .title{top:20px}}#brand_container .brand-cover .title .brand-name-en{max-width:100%;width:400px;font-weight:600;font-size:16px;line-height:45px;letter-spacing:0.25px;color:#F5F5F5;margin:0px 0px 0px auto;position:relative}@media (max-width: 768px){#brand_container .brand-cover .title .brand-name-en{width:90%}}#brand_container .brand-cover .title .brand-name{max-width:100%;width:400px;font-weight:600;font-size:32px;line-height:45px;letter-spacing:0.25px;color:#F5F5F5;margin:0px 0px 0px auto;position:relative}@media (max-width: 768px){#brand_container .brand-cover .title .brand-name{width:90%}}#brand_container .brand-cover .title .breadcumb{max-width:100%;width:400px;font-weight:300;line-height:30px;letter-spacing:0.5px;color:#F5F5F5;margin:0px 0px 0px auto;position:relative}@media (max-width: 768px){#brand_container .brand-cover .title .breadcumb{width:90%}}#brand_container .information{position:sticky;top:140px}@media (max-width: 768px){#brand_container .information .logo{display:block;margin:auto}}#brand_container .information .tags{margin:15px 0px}#brand_container .information .tags .tag{display:inline-block;background-color:#8E8E8E;color:#fff;padding:5px 16px;text-align:center;margin:0px 5px 10px 5px}#brand_container .information .button-stores{width:100%;height:60px;line-height:60px;background-color:#1E1E1E;font-weight:500;letter-spacing:1.25px;color:#FFFFFF !important;text-align:center;cursor:pointer;display:block}#brand_container .information .button-heart{display:flex;flex-direction:column;align-items:center;font-size:24px;cursor:pointer}#brand_container .information .button-heart .likes{font-size:12px}#brand_container .information .button-heart.zoom svg{animation:heart_bounce 0.5s;animation-iteration-count:3}#brand_container .information .button-heart.on path{fill:#f4aeae}#brand_container .swiper-scenario-cover img{width:100%;object-fit:cover;cursor:pointer}#brand_container .swiper-scenario-cover .swiper-button-next,#brand_container .swiper-scenario-cover .swiper-button-prev{color:#fff}#brand_container .pass-items .pass{border:1px solid #E5E5E5}@media (max-width: 768px){#brand_container .pass-items .pass{border:0px}}#brand_container .pass-items .pass .button-buy-pass{display:inline-block;padding:0px 15px;height:36px;line-height:36px;text-align:center;color:#FFFFFF !important;background-color:#1E1E1E}#brand_container .pass-items .pass .line{border-bottom:1px solid #E5E5E5}#brand_container .pass-items .pass-item .button-redeem{width:100%;height:60px;line-height:60px;text-align:center;background:#FFFFFF !important;font-weight:bold}#brand_container .branches{display:flex;flex-wrap:wrap}#brand_container .box-items{padding:0px 40px 40px 40px;margin:30px 0px}#brand_container .box-items .box-item{width:335px;max-width:100%;margin:30px auto}#brand_container .box-items .box-item .event-title{display:inline-block;background-color:#000;color:#fff;padding:0px 5px}#brand_container .branch-item{display:flex;margin:30px auto;width:50%}@media (max-width: 768px){#brand_container .branch-item{display:block;width:100%}}#brand_container .branch-item .map-container{width:50%}@media (max-width: 768px){#brand_container .branch-item .map-container{width:100%}}#brand_container .branch-item .map-container .map iframe{width:100%;height:230px}#brand_container .branch-item .information{width:100%;padding:0px 15px}@media (max-width: 768px){#brand_container .branch-item .information{width:100%}}#brand_container .products{display:flex;flex-wrap:wrap;margin-bottom:30px}#brand_container .products .product-item{padding:5px;margin:0px auto 15px auto;width:33%}@media (max-width: 768px){#brand_container .products .product-item{width:48%}}#brand_container .products .product-item .pass-item{width:335px;max-width:100%;margin:30px auto}#brand_container .products .product-item .pass-item .button-redeem{width:100%;height:60px;line-height:60px;text-align:center;font-weight:bold}#brand_container .post-title{font-weight:600;font-size:20px;line-height:28px}#brand_container .post-content img{max-width:100%;height:auto}#share_container .share-content{padding:60px}@media (max-width: 768px){#share_container .share-content{padding:15px}}#share_container .button-bind{width:100%;height:60px;line-height:60px;text-align:center;font-weight:600;background-color:#FFF;border:1px solid #1E1E1E;color:#1E1E1E !important;cursor:pointer}#share_container .button-share{width:100%;height:60px;line-height:60px;text-align:center;font-weight:600;background-color:#1E1E1E;border:1px solid #fff;color:#fff !important;cursor:pointer}#share_container .button-daka{width:40%;height:60px;line-height:60px;text-align:center;font-weight:600;background-color:#1E1E1E;border:1px solid #1E1E1E;color:#fff;cursor:pointer}#share_container .button-daka.on{background-color:#FFF;color:#1E1E1E}#shop_container .set-container{width:100%;height:auto;padding:225px 0px 125px 0px;background-color:#1E1E1E}@media (max-width: 768px){#shop_container .set-container{padding:120px 0px 60px 0px}}#shop_container .set-container .set-image{width:100%}#shop_container .set-container .button-buy-set{margin-top:40px;width:355px;height:60px;line-height:60px;text-align:center;letter-spacing:1.25px;cursor:pointer;background-color:#fff;border:1px solid #1E1E1E;color:#1E1E1E !important;display:block;max-width:100%}#shop_container .card-pass{background-color:#BCDFEB;padding:30px 70px 70px 70px;width:100%;height:100%}@media (max-width: 768px){#shop_container .card-pass{padding:30px 15px 70px 15px}}#shop_container .card-pass img{max-width:100%;display:block;margin:auto}#shop_container .card-box{background-color:#F5F5EB;padding:30px 70px 70px 70px;width:100%;height:100%}@media (max-width: 768px){#shop_container .card-box{padding:30px 15px 70px 15px}}#shop_container .card-box img{max-width:100%;display:block;margin:auto}#shop_container .button-buy{margin-top:40px;width:355px;height:60px;line-height:60px;text-align:center;letter-spacing:1.25px;cursor:pointer;background-color:#1E1E1E;border:1px solid #1E1E1E;color:#FFF !important;display:block;max-width:100%}#shop_container .products-container{background-color:#F5F5F5;padding:80px 0px}#postcard-container{padding:60px 0px}@media (max-width: 768px){#postcard-container{padding:30px 15px}}#postcard-container .step1 .right{display:flex;flex-direction:column;justify-content:space-between}#postcard-container .step1 .right .title{height:100%;display:flex;align-items:center}#postcard-container .step1 .right .covers{flex-shrink:0;display:flex;flex-wrap:wrap;gap:25px}#postcard-container .step1 .right .covers img{display:block;width:calc( (100% - 50px) / 3);cursor:pointer}@media (max-width: 768px){#postcard-container .step1 .right .covers img{width:calc( (100% - 25px) / 2)}}#postcard-container .cover{width:100%}#postcard-container .button-step{width:400px;max-width:100%;height:60px;line-height:60px;background-color:#1E1E1E;color:#fff;text-align:center;margin:auto;cursor:pointer}#postcard-container .step2 .receiver-name,#postcard-container .step2 .sender-name{width:100%;height:30px;line-height:30px;border:0px;border-bottom:0.8px solid #696969}#postcard-container .step2 .message{width:100%;height:200px;border:0.8px solid #696969;padding:15px}#postcard-container .preview{border:0.8px solid dimgray;padding:50px 70px}@media (max-width: 768px){#postcard-container .preview{border:0px;padding:0px}}#postcard-container .preview .right{display:flex;flex-direction:column;justify-content:space-between}#postcard-container .preview .right .message{height:auto}#postcard-container .buttons{margin-top:30px;display:flex;justify-content:center;gap:20px}@media (max-width: 768px){#postcard-container .buttons{gap:10px}}#postcard-container .buttons .button-twitter,#postcard-container .buttons .button-facebook,#postcard-container .buttons .button-line{width:150px;height:45px;line-height:45px;text-align:center;background-color:#fff;border:1px solid #1E1E1E;border-radius:23px;cursor:pointer}#postcard-container .buttons .button-twitter:hover,#postcard-container .buttons .button-facebook:hover,#postcard-container .buttons .button-line:hover{background-color:#1E1E1E;color:#fff}#postcard-container .email .receiver-email,#postcard-container .email .sender-email{display:block;width:400px;max-width:100%;height:40px;line-height:40px;text-indent:10px;border:0.8px solid #696969;margin:5px auto}#modal_preview{width:100%;height:100%;position:fixed;top:0px;left:0px;overflow-y:scroll;z-index:100}#modal_preview .mask{background-color:rgba(0,0,0,0.5);width:100%;height:100%;cursor:pointer;position:fixed;z-index:-1;top:0px;left:0px}#modal_preview .content{width:90%;max-width:1200px;padding:0px;background-color:#fff;margin:60px auto;border-radius:5px;position:relative}@media (max-width: 768px){#modal_preview .content{padding:30px}}#modal_preview .content .button-close{width:400px;max-width:100%;height:60px;line-height:60px;background-color:#1E1E1E;color:#fff;text-align:center;margin:auto;cursor:pointer}#modal_preview .content .button-close:hover{background-color:#1E1E1E;color:#fff}