html{background:linear-gradient(to top, #1b5864, #1d5e6a, #1f6370, #226977, #246f7d, #277c8a, #2b8996);background:#1b5864}[class^=body-about] .breadcrumb,[class^=body-story] .breadcrumb{color:#fff !important;border-bottom:none;width:1280px}[class^=body-about] .breadcrumb a,[class^=body-story] .breadcrumb a{color:#fff !important}[class^=body-about] #section-banner .preload:before,[class^=body-story] #section-banner .preload:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top, #1b5864 0%, rgba(27, 88, 100, 0.2) 40%, rgba(27, 88, 100, 0) 100%)}[class^=body-about] #section-banner .preload:after,[class^=body-story] #section-banner .preload:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center, rgba(27, 88, 100, 0) 0%, rgba(27, 88, 100, 0.4) 40%, #1b5864 80%)}[class^=body-about] #section-banner div.banner:before,[class^=body-story] #section-banner div.banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top, #1b5864 0%, rgba(27, 88, 100, 0.2) 20%, rgba(27, 88, 100, 0) 40%, rgba(27, 88, 100, 0) 100%)}[class^=body-about] #section-banner div.banner:after,[class^=body-story] #section-banner div.banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center, rgba(27, 88, 100, 0) 0%, rgba(27, 88, 100, 0.1) 40%, rgba(27, 88, 100, 0.2) 50%, #1b5864 80%)}[class^=body-about] .preload:before{display:none}[class^=body-about] .preload:after{background:linear-gradient(to top, #1b5864 0%, rgba(27, 88, 100, 0.2) 40%, rgba(27, 88, 100, 0) 100%) !important}[class^=body-about] div.banner:before{display:none}[class^=body-about] div.banner:after{background:linear-gradient(to top, #1b5864 0%, rgba(27, 88, 100, 0.2) 40%, rgba(27, 88, 100, 0.1) 50%, rgba(27, 88, 100, 0) 100%) !important}.subsection{padding:24px 0;margin-bottom:60px}.subsection h2{margin-bottom:20px}#node-subnav .main-navigation-about-founder a,#node-subnav .main-navigation-about-history a{font-weight:700;font-size:18px}@media(min-width: 1px)and (max-width: 767px){.section-about.en h2 span,.section-about-history.en h2 span{font-size:24px;line-height:1.4;padding-bottom:10px}}.section-about.en h2 span:after,.section-about-history.en h2 span:after{bottom:-6px}.section-about,.section-about-history{padding-bottom:44px}.section-about .wrap,.section-about-history .wrap{color:#fff;background:rgba(17,68,78,.8);box-sizing:border-box;padding:44px;margin:0 auto;border:1px solid rgba(255,255,255,.3);max-width:1280px}@media(min-width: 1px)and (max-width: 767px){.section-about .wrap,.section-about-history .wrap{padding:20px;margin:0 12px}}.section-about .subsection,.section-about-history .subsection{color:#fff}.section-about h2,.section-about-history h2{font-size:30px;text-align:center;text-transform:uppercase;margin-bottom:44px}.section-about h2 span,.section-about-history h2 span{position:relative;display:inline-block;line-height:54px}@media(min-width: 1px)and (max-width: 767px){.section-about h2 span,.section-about-history h2 span{font-size:28px}}.section-about h2 span:after,.section-about-history h2 span:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);background:#f2cd5b;width:36px;height:2px}.section-about{font-size:16px;background:url("https://www.mcm-tw.com/theme/v1/images/bg.png") repeat-y}.section-about .introduction{font-weight:400}.section-about .story{margin-bottom:44px}.section-about .philosophy{margin-bottom:44px}.section-about .philosophy .item{color:#272727;background:#fff;padding:16px;border-radius:12px;box-shadow:10px 20px 25px rgba(0,0,0,.12)}.section-about .philosophy .item:nth-of-type(odd){margin-top:40px}.section-about .philosophy .item:nth-of-type(even){margin-bottom:40px}.section-about .philosophy .item img{margin-bottom:12px;border-radius:6px}.section-about .philosophy .item h3{text-align:center}.section-about .quality{margin-left:auto;margin-right:auto}.section-about .quality .description{padding:36px 0}.section-about .video{margin-bottom:44px}.swiper-container{position:relative;padding:0 0 40px;overflow:hidden}.swiper-container .swiper-pagination-bullet-active{background:#fff !important}#swiper-introduction{margin-top:30px}#swiper-introduction.en .item strong{display:flex;align-items:center;justify-content:center;min-height:104px}#swiper-introduction .item{color:#272727;text-align:center;background:#fff;box-sizing:border-box;padding:0;border-radius:12px;box-shadow:10px 20px 25px rgba(0,0,0,.12);overflow:hidden}#swiper-introduction .item img{display:block}#swiper-introduction .item strong{display:block;box-sizing:border-box;padding:16px}#swiper-story{max-width:970px;margin-left:auto;margin-right:auto;margin-bottom:44px}#swiper-story .item img{border-radius:12px}.body-about-history .breadcrumb{width:100%}.body-about-history .breadcrumb ul{margin:0 auto;max-width:1200px}.section-about-history .evolution{position:relative;color:#fff;text-align:center;background:none;padding:60px 0 80px;margin-bottom:44px;max-width:100%}@media(min-width: 1px)and (max-width: 767px){.section-about-history .evolution{overflow:hidden;margin:0;max-width:inherit}}.section-about-history .evolution h2{font-size:36px;font-weight:500}.section-about-history .evolution .swiper-pagination-bullet-active{background:#fff !important}.section-about-history .evolution .item{background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);padding:12px 0 36px;border:1px solid rgba(255,255,255,.6);-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-about-history .evolution .year{position:relative;font-size:32px;font-weight:900;color:#fff;line-height:90px;margin-bottom:36px;height:90px}@media all and (max-width: 1024px){.section-about-history .evolution .year{font-size:20px;line-height:1.6;margin-bottom:12px;height:inherit}}.section-about-history .evolution .year:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#f2cd5b;display:block;width:12px;height:12px;transform:rotate(45deg)}@media all and (max-width: 1024px){.section-about-history .evolution .year:after{display:none}}.section-about-history .evolution .img{display:flex;align-items:center;justify-content:center;margin-bottom:12px;height:200px}@media(min-width: 1px)and (max-width: 767px){.section-about-history .evolution .img{height:160px}}.section-about-history .evolution .img img{display:inline-block;max-width:90%}@media(min-width: 1px)and (max-width: 767px){.section-about-history .evolution .img img{max-height:160px}}.section-about-history .evolution .description{font-size:14px}@media(min-width: 1px)and (max-width: 767px){.section-about-history .evolution .description{font-size:14px}}.section-about-history .evolution .title{padding:24px 12px 0}.section-about-history .evolution .title strong{text-align:left;display:block;line-height:36px;height:36px}.section-about-history .timeline{position:relative;z-index:1;padding:36px 8px 96px;overflow:hidden}@media(min-width: 1px)and (max-width: 767px){.section-about-history .timeline{padding:36px 0 96px}}.section-about-history .timeline:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:url("https://www.mcm-tw.com/theme/v1/images/products_bg_02.png") center top no-repeat;opacity:.06}.section-about-history .timeline h2{font-size:36px}.section-about-history .timeline .entries{position:relative}.section-about-history .timeline .entries .entry{display:grid;grid-template-columns:130px 1fr;-moz-column-gap:20px;column-gap:20px}@media(min-width: 1px)and (max-width: 767px){.section-about-history .timeline .entries .entry{grid-template-columns:84px 1fr;-moz-column-gap:10px;column-gap:10px}}.section-about-history .timeline .entries .entry:hover .year{color:#f2cd5b}.section-about-history .timeline .entries .entry:hover .year:before{border:4px solid #f2cd5b}.section-about-history .timeline .entries .entry:hover .description{transform:scale(1.01, 1.01)}.section-about-history .timeline .entries .entry:first-child .year:after{top:21px}.section-about-history .timeline .entries .entry:last-child .year:after{height:30px}.section-about-history .timeline .entries .entry .year{position:relative;font-size:36px;font-weight:bold;letter-spacing:2px;transition:all .25s ease-in}@media(min-width: 1px)and (max-width: 767px){.section-about-history .timeline .entries .entry .year{font-size:24px;letter-spacing:1px;padding-top:9px}}.section-about-history .timeline .entries .entry .year:before,.section-about-history .timeline .entries .entry .year:after{content:"";position:absolute;transition:all .25s ease-in}.section-about-history .timeline .entries .entry .year:before{top:21px;right:0;z-index:1000;background-color:#fff;border:4px solid #277786;border-radius:100%;width:8px;height:8px}.section-about-history .timeline .entries .entry .year:after{top:0;right:7px;bottom:0;background-color:#c7c7c7;width:1px}.section-about-history .timeline .entries .entry .timeline-item{margin-bottom:20px}.section-about-history .timeline .entries .entry .timeline-item:last-child{margin-bottom:0}.section-about-history .timeline .entries .entry .description{font-size:16px;font-weight:500;padding:20px 0 0 0;margin:28px 0 40px;border-top:1px solid #277786;transform:scale(1, 1);transform-origin:top left;transition:all .25s ease-in}.section-about-history .timeline .entries .entry .description strong{font-size:16px;color:#467956;margin-bottom:12px}.section-about-history .timeline .entries .entry .description p{padding:0 0 8px;margin:0}.section-about-history .timeline .entries .entry .description img{border-radius:12px}.section-about-story{font-size:16px;font-weight:500;padding:0 0 60px;line-height:1.6;letter-spacing:1.6px}.section-about-story.en{font-weight:400}.section-about-story .wrap{color:#fff;background:rgba(17,68,78,.8);box-sizing:border-box;padding:44px;margin:0 auto;border:1px solid rgba(255,255,255,.3);max-width:1280px}@media(min-width: 1px)and (max-width: 767px){.section-about-story .wrap{padding:20px}}.section-about-story h2{font-size:30px}.section-about-story.en .col p{text-align:inherit}.section-about-story .col p{text-align:justify}.section-about-story .col.pl{padding-left:40px}@media(min-width: 1px)and (max-width: 767px){.section-about-story .col.pl{padding-left:0}}.section-about-story .col.pr{padding-right:40px}@media(min-width: 1px)and (max-width: 767px){.section-about-story .col.pr{padding-right:0}}.section-about-story .col img{border-radius:6px;box-shadow:10px 20px 25px rgba(0,0,0,.12)}.section-about-story .top{font-size:20px;color:#467956;background:url("images/logo.svg") left 30px center no-repeat;background-size:auto 100%;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;padding-right:30px;margin-bottom:60px;border-radius:16px;min-height:160px}@media all and (max-width: 1024px){.section-about-story .top{background:url("images/logo.svg") center top no-repeat;background-size:auto 100px;padding:120px 0 0;margin-bottom:30px}}.section-about-story .bottom{color:#467956;text-shadow:1px 1px 0px #272727;background:url("https://www.mcm-tw.com/theme/v1/images/story_bottom.jpg") center center no-repeat;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;margin-top:36px;padding-right:60px;border-radius:16px;min-height:200px}@media all and (max-width: 1024px){.section-about-story .bottom{background:url("https://www.mcm-tw.com/theme/v1/images/story_bottom.jpg") left center no-repeat;-moz-text-align-last:center;text-align-last:center;padding:0 20px}}.section-about-story .bottom p{color:#272727;font-size:20px}@media all and (max-width: 1024px){.section-about-story .bottom p{color:#fff;text-shadow:3px 6px 8px rgba(0,0,0,.6)}}.section-about-founder{font-size:16px;font-weight:500;padding:0 0 60px;line-height:1.6;letter-spacing:1.6px}.section-about-founder.en{font-weight:400;letter-spacing:1.2px}.section-about-founder .wrap{color:#fff;background:rgba(17,68,78,.8);box-sizing:border-box;padding:44px 60px;margin:0 auto;border:1px solid rgba(255,255,255,.3);max-width:1280px}@media(min-width: 1px)and (max-width: 767px){.section-about-founder .wrap{padding:20px}}.section-about-founder .subsection{margin:0 auto;max-width:80%}@media all and (max-width: 1024px){.section-about-founder .subsection{max-width:100%}}.section-about-founder h2{font-size:30px;text-align:center;text-transform:uppercase;margin-bottom:44px}.section-about-founder h2 span{position:relative;display:inline-block;line-height:54px}.section-about-founder h2 span:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#f2cd5b;width:36px;height:2px}.section-about-founder.en .img .name{font-size:14px}.section-about-founder.en .img .name strong{font-size:24px}@media all and (max-width: 1024px){.section-about-founder.en .img .name strong{font-size:18px}}.section-about-founder .img{position:relative;padding:0 60px;margin-bottom:24px}@media all and (max-width: 1024px){.section-about-founder .img{padding:0 12px}}.section-about-founder .img img{border-radius:12px;box-shadow:10px 20px 25px rgba(0,0,0,.25)}.section-about-founder .img .name{position:absolute;font-size:16px;color:#fff;text-shadow:3px 6px 8px rgba(0,0,0,.6)}.section-about-founder .img .name strong{font-size:36px;display:block;margin-bottom:4px}@media(min-width: 1px)and (max-width: 767px){.section-about-founder .img .name strong{font-size:22px}}.section-about-founder .img .name-1{bottom:30%;right:20%}.section-about-founder .img .name-2{top:64%;left:26%}@media all and (max-width: 1024px){.section-about-founder .img .name-2{top:60%;left:auto}}.section-about-founder p{padding:0 60px}@media all and (max-width: 1024px){.section-about-founder p{padding:0 20px}}