.grey-bg,.hero-carousel{background-color:var(--brand-bg-grey1)}.hero-carousel>.swiper-pagination>.swiper-pagination-bullet{width:15px;height:15px;border:1px solid #fff}@media (min-width:0) and (max-width:576px){.hero-carousel .hero-slide{margin-top:0}}@media (min-width:null){.hero-carousel .hero-slide a.for-desktop,.hero-carousel .hero-slide a.for-desktop img{min-height:430px}}@media (min-width:992px){.hero-carousel .hero-slide a.for-desktop,.hero-carousel .hero-slide a.for-desktop img{min-height:430px}}.hero-carousel .hero-slide .gradients{height:385px;background-image:linear-gradient(180deg,rgba(0,0,0,.1) 2%,hsla(0,0%,100%,.01));position:absolute;width:100%}.hero-carousel .hero-slide .hero-content-mobile{text-align:center;padding:30px 15px 45px;background:#f8f8f8}.hero-carousel .hero-slide .hero-content-mobile>.title>*{font-size:24px;font-weight:600;margin-bottom:3px;font-family:Noto Sans TC,PingFangHK-Regular,Helvetica Neue,sans-serif;white-space:pre-wrap}.hero-carousel .hero-slide .hero-content-mobile>.subtitle{font-family:Helvetica Neue,sans-serif;font-size:1.6rem;letter-spacing:.4px;width:100%}@media (min-width:0) and (max-width:576px){.hero-carousel .hero-slide .hero-content-mobile>.subtitle{font-size:16px;font-weight:400;letter-spacing:.4px;margin-bottom:0}}.hero-carousel .hero-slide .hero-content-mobile>.caption{font-size:12px;font-weight:300;line-height:1.5em;margin-bottom:20px}.hero-carousel .hero-slide .hero-content-mobile>.cta-button{display:inline-block;text-align:center;min-width:250px;padding:15px;border:1px solid #000;background:#fff}.hero-carousel .hero-slide .hero-content-mobile>.cta-button:hover{background:var(--brand-default);color:var(--brand-tertiary-bg-color-inverse);text-decoration:none}.hero-carousel .hero-slide .hero-content-desktop{position:absolute;top:30%;left:5%;width:350px}.hero-carousel .hero-slide .hero-content-desktop>.subtitle{font-size:16px;font-weight:400;letter-spacing:.6px;margin-bottom:0}.hero-carousel .hero-slide .hero-content-desktop>.title>*{font-size:2.3rem;font-weight:600;letter-spacing:0;margin-bottom:0;font-family:Noto Sans TC,PingFangHK-Regular,Helvetica Neue,sans-serif;white-space:pre-wrap}.hero-carousel .hero-slide .hero-content-desktop .en_title_banner{line-height:2.9rem;overflow:hidden;margin-bottom:10px}.hero-carousel .hero-slide .hero-content-desktop>.caption{font-size:12px;font-weight:300;letter-spacing:.4px;line-height:20px;margin-bottom:30px}.hero-carousel .hero-slide .hero-content-desktop>.cta-button{display:block;text-align:center;min-width:250px;padding:15px;border:1px solid #333;background:#fff}.hero-carousel .hero-slide .hero-content-desktop>.cta-button:hover{background:var(--brand-default);color:var(--brand-tertiary-bg-color-inverse);text-decoration:none}.banner-video-comp{position:relative}.banner-video-comp .text-ctn{position:absolute;top:0;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;height:90%}.banner-video-player .video-js{width:100%}.banner-video-player .video-js video{height:100%;-o-object-fit:contain;object-fit:contain;display:block}.banner-video-player .video-js .vjs-control-bar{opacity:1!important;background:transparent;justify-content:flex-end;margin-bottom:15px;padding-right:15px}.banner-video-player .video-js .vjs-control-bar .vjs-play-control{background-image:url(/mplus/play-icon@3x.png);background-size:contain;background-position:50%;background-repeat:no-repeat}.banner-video-player .video-js .vjs-control-bar .vjs-play-control .vjs-icon-placeholder{opacity:0}.banner-video-player .video-js .vjs-control-bar .vjs-play-control.vjs-playing{background-image:url(/mplus/pause-icon@3x.png)}.banner-video-player .video-js .vjs-control-bar .vjs-mute-control{background-image:url(/mplus/sound-on-icon@3x.png);background-size:contain;background-position:50%;background-repeat:no-repeat}.banner-video-player .video-js .vjs-control-bar .vjs-mute-control .vjs-icon-placeholder{opacity:0}.banner-video-player .video-js .vjs-control-bar .vjs-mute-control.vjs-vol-0{background-image:url(/mplus/mute-icon@3x.png)}.banner-video-player .video-js .vjs-big-play-button{background-color:transparent;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-image:url(/mplus/play-icon@3x.png);background-repeat:no-repeat;background-size:46px;background-position:50% calc(50% - 10px);border:none!important;box-shadow:none!important}.banner-video-player .video-js .vjs-big-play-button:before{content:"";display:none}.banner-video-player .video-js .vjs-big-play-button:hover{background-color:transparent;opacity:.7}.banner-video-player .video-js .vjs-big-play-button .vjs-icon-placeholder{width:100%;height:100%;top:-32px;left:-15px;right:0;bottom:0;position:relative}:root.light{--button-color:var(--brand-high-emphasis-text-color)}:root.dark{--button-color:var(--brand-high-emphasis-text-color-inverse)}:root.light{--button-color-inverse:var(--brand-high-emphasis-text-color-inverse)}:root.dark{--button-color-inverse:var(--brand-high-emphasis-text-color)}:root.light{--calendar-a11y-color:var(--brand-high-emphasis-text-color)}:root.dark{--calendar-a11y-color:var(--brand-high-emphasis-text-color-inverse)}:root.light{--tooltip-bg:var(--brand-primary-bg-color-inverse)}:root.dark{--tooltip-bg:var(--brand-secondary)}.mt-65{margin-top:65px}.mt-50{margin-top:50px}.mb-20,h1.title{margin-bottom:20px}h1.title{font-size:24px;font-weight:500;letter-spacing:.4px}.subtitle{font-weight:500;margin-bottom:5px}.italic{font-style:italic}.thin{font-weight:100}.align-right{text-align:right}.xs-text{font-size:10px}.small-text{font-size:12px}.dot-underline{border-bottom:1px dashed #000;text-decoration:none}.grey-text,.light-text{color:var(--brand-light-text)}.large-text{font-size:16px}.xlarge-text{font-size:18px}.xxlarge-text{font-size:40px}.normal-text{font-weight:400;font-size:14px}.bold-text{font-weight:600}.semibold-text{font-weight:500}.super-bold-text{color:#000;background:#ececec;padding:2px;margin-left:2px;border-radius:2px;font-weight:700}.text-center{text-align:center}.white-text{color:#fff}.black-text{color:#000}.pink-text{color:var(--brand-text-pink-1)}.red-text{color:var(--brand-red)}.uppercase{text-transform:uppercase}.underline{text-decoration:underline}.grey-bg{background-color:var(--brand-bg-grey1)}@media screen and (max-width:767px){.de{display:none}}@media screen and (min-width:767px){.mo{display:none}}.story-description{padding:15px 0}@media (min-width:0) and (max-width:576px){.story-description{padding:10px 0}}.white-board{text-align:center;padding:30px 0}@media (min-width:0) and (max-width:576px){.white-board{margin:45px auto 65px;padding:0}.white-board.container{padding-right:5px;padding-left:5px}}.white-board h1.title{font-size:30px;font-weight:500;letter-spacing:2px;margin-bottom:5px}@media (min-width:0) and (max-width:576px){.white-board h1.title{font-size:24px;letter-spacing:2px;margin-bottom:5px}}.white-board .caption{width:100%;max-width:600px;font-size:16px;line-height:18px;letter-spacing:.4px;font-weight:300;margin:0 auto 15px}@media (min-width:0) and (max-width:576px){.white-board .caption{font-size:16px;line-height:1.8em}}.white-board.combo-section{background:var(--brand-bg-grey1);padding:30px 5%}@media (min-width:0) and (max-width:576px){.white-board.combo-section{padding:30px 5px}}.white-board.ig-section{padding:65px 5%}@media (min-width:0) and (max-width:576px){.white-board.ig-section{padding:15px}}@media (min-width:0) and (max-width:576px){.white-board .product-grid{padding:0}}.white-board .right-text{text-align:right;padding:20px 5% 0}@media (min-width:0) and (max-width:576px){.white-board .right-text{padding:15px}}.white-board .right-text .but-no-style{background:0 0;border:none}.white-board .right-text .but-no-style:disabled{opacity:.3}.white-board .right-text .but-no-style .swipe-left{display:inline-block;content:url(/mplus/swipe_left.svg);width:20px}.white-board .right-text .but-no-style .swipe-right{display:inline-block;content:url(/mplus/swipe_right.svg);width:20px}@media (min-width:0) and (max-width:576px){.pitanium-section.container{padding-right:0;padding-left:0}}.intro-board{text-align:center;padding:15px 0 5px;background:#dfb5c2}@media (min-width:0) and (max-width:576px){.intro-board.container{padding-right:15px;padding-left:15px}}.intro-board h1.title{font-family:Optima,Helvetica,sans-serif;font-size:20px;margin-bottom:5px}@media (min-width:0) and (max-width:576px){.intro-board h1.title{font-size:18px;line-height:1.4em;margin-bottom:5px}}.intro-board .caption{width:100%;max-width:600px;font-size:14px;line-height:1.4rem;letter-spacing:.4px;font-weight:300;margin:0 auto 15px}@media (min-width:0) and (max-width:576px){.intro-board .caption{font-size:12px;line-height:1.2rem}}.intro-board a{font-size:16px;text-decoration:underline}.full-banner{position:relative}.full-banner .banner-image-1{width:100%;height:570px;display:inline-block;background-size:100%;background-repeat:no-repeat;background-position:50%;vertical-align:middle}@media (min-width:0) and (max-width:576px){.full-banner .banner-image-1{height:auto;padding:130px 0}}.full-banner .banner-text-center{position:absolute;top:40%;width:100%;text-align:center}@media (min-width:0) and (max-width:576px){.full-banner .banner-text-center{text-align:center;position:inherit;padding:30px 15px;background:#f8f8f8}}.full-banner .banner-text-center>.subtitle{font-family:Noto Sans TC,PingFangHK-Regular,Helvetica Neue,sans-serif;font-size:2.4rem;margin-bottom:15px;color:#fff}@media (min-width:0) and (max-width:576px){.full-banner .banner-text-center>.subtitle{font-size:1.6rem;letter-spacing:.4px;color:#000;margin-bottom:10px}}.full-banner .banner-text-center>.title{font-size:5.5rem;margin-bottom:15px;color:#fff}@media (min-width:0) and (max-width:576px){.full-banner .banner-text-center>.title{font-size:2.4rem;color:#000;margin-bottom:10px}}.full-banner .banner-image-2{width:100%;height:570px;display:inline-block;background-size:100%;background-repeat:no-repeat;background-position:50%;vertical-align:middle}@media (min-width:0) and (max-width:576px){.full-banner .banner-image-2{height:auto;padding:130px 0}}.full-banner .banner-text-left{position:absolute;top:30%;width:100%;text-align:left;padding-left:5%}@media (min-width:0) and (max-width:576px){.full-banner .banner-text-left{text-align:center;position:inherit;padding:30px 15px 45px;background:#f8f8f8}}.full-banner .banner-text-left>.subtitle{font-family:Noto Sans TC,PingFangHK-Regular,Helvetica Neue,sans-serif;font-size:2rem;margin-bottom:15px}@media (min-width:0) and (max-width:576px){.full-banner .banner-text-left>.subtitle{font-size:1.6rem;letter-spacing:.4px;margin-bottom:10px}}.full-banner .banner-text-left>.title{font-size:2.5rem;font-weight:700;letter-spacing:3px;margin-bottom:15px}@media (min-width:0) and (max-width:576px){.full-banner .banner-text-left>.title{font-size:24px;font-weight:700;letter-spacing:.8px;margin-bottom:10px}}.full-banner .banner-text-left>.caption{font-size:18px;line-height:18px;letter-spacing:.4px;font-weight:300;margin-bottom:40px}@media (min-width:0) and (max-width:576px){.full-banner .banner-text-left>.caption{font-size:16px;line-height:1.8em;margin-bottom:20px}}.full-banner .banner-text-left>.cta-button{display:inline-block;text-align:center;min-width:250px;padding:15px;border:1px solid #000;background:#fff}.full-banner .banner-text-left>.cta-button:hover{background:var(--brand-default);color:var(--brand-tertiary-bg-color-inverse);text-decoration:none}.full-banner .banner-text-right{position:absolute;top:30%;right:0;width:500px;text-align:left;padding-right:5%}@media (min-width:0) and (max-width:576px){.full-banner .banner-text-right{text-align:center;position:inherit;padding:30px 15px 45px;background:#f8f8f8;width:100%}}.full-banner .banner-text-right>.subtitle{font-size:16px;font-weight:400;letter-spacing:.6px;margin-bottom:0}@media (min-width:0) and (max-width:576px){.full-banner .banner-text-right>.subtitle{font-size:16px;letter-spacing:.4px;margin-bottom:0}}.full-banner .banner-text-right>.title{font-size:2.3rem;font-weight:600;letter-spacing:0;margin-bottom:1px}@media (min-width:0) and (max-width:576px){.full-banner .banner-text-right>.title{font-size:24px;font-weight:700;margin-bottom:1px}}.full-banner .banner-text-right>.caption{font-size:12px;font-weight:300;letter-spacing:.4px;line-height:20px;margin-bottom:30px}@media (min-width:0) and (max-width:576px){.full-banner .banner-text-right>.caption{font-size:12px;line-height:1.5em;padding-top:5px;margin-bottom:20px}}.full-banner .banner-text-right>.cta-button{display:block;text-align:center;padding:15px;border:1px solid #000;background:#fff}.full-banner .banner-text-right>.cta-button:hover{background:var(--brand-default);color:var(--brand-tertiary-bg-color-inverse);text-decoration:none}.full-video-banner .video-js{background-color:#fff}.story1{padding:30px 0 65px;margin:0 auto}@media (min-width:0) and (max-width:576px){.story1{padding:45px 0 65px}}@media (min-width:768px){.story1 .left{padding-right:0}}@media (min-width:992px){.story1 .left{padding-right:0}}@media (min-width:0) and (max-width:576px){.story1 .right{padding:0 5px}}.story1 .title{font-size:2.4rem;margin-bottom:15px;padding:2px}@media (min-width:0) and (max-width:576px){.story1 .title{font-size:2rem;margin-bottom:10px}}.story1 .video-section{margin:0 0 0 15px}@media (min-width:0) and (max-width:576px){.story1 .video-section{margin:0}}.story1 .video-section .mobile-story-video{margin-bottom:20px}@media (min-width:577px) and (max-width:767px){.story1 .video-section .mobile-story-video{height:100%}.story1 .video-section .mobile-story-video img{height:100%;-o-object-fit:cover;object-fit:cover}}@media (min-width:0){.story1 .video-section .mobile-story-video{display:block}}@media (min-width:768px){.story1 .video-section .mobile-story-video{display:none}}@media (min-width:992px){.story1 .video-section .mobile-story-video{display:none}}.story1 .video-section .desktop-story-video{height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.story1 .video-section .desktop-story-video .responsive-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (min-width:0){.story1 .video-section .desktop-story-video{display:none}}@media (min-width:768px){.story1 .video-section .desktop-story-video{display:flex}}@media (min-width:992px){.story1 .video-section .desktop-story-video{display:flex}}.title-block{width:100%;text-align:center;margin-bottom:30px}@media (min-width:0) and (max-width:576px){.title-block{margin-bottom:20px;padding:0 15px}}.title-block>.title{font-size:30px;font-weight:500;letter-spacing:2px;margin-bottom:5px}@media (min-width:0) and (max-width:576px){.title-block>.title{font-size:24px;letter-spacing:2px;margin-bottom:5px}}.title-block>.caption{line-height:18px;letter-spacing:.4px;font-weight:300}@media (min-width:0) and (max-width:576px){.title-block>.caption{font-size:12px;line-height:1.3em}}