html{background:linear-gradient(to top, #1b5864, #1d5e6a, #1f6370, #226977, #246f7d, #277c8a, #2b8996);background:#1b5864}[class^=body-advantage] .breadcrumb{color:#fff !important;border-bottom:none;width:1280px}[class^=body-advantage] .breadcrumb a{color:#fff !important}[class^=body-advantage] #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-advantage] #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-advantage] #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-advantage] #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%)}.body-advantage .breadcrumb{width:100%}.body-advantage .breadcrumb ul{margin:0 auto;max-width:1280px}*,*:before,*:after{box-sizing:inherit}.section-advantage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("https://www.mcm-tw.com/theme/v1/images/products_bg_01.png") center bottom -600px no-repeat fixed;opacity:.12}.section-advantage .wrap{color:#fff;box-sizing:border-box;padding:44px 0;margin:0 auto;max-width:1280px}@media(min-width: 1px)and (max-width: 767px){.section-advantage .wrap{padding:20px}}.section-advantage .introduce{font-size:1.1rem;color:#fff}.section-advantage .entries{margin-bottom:36px;border-radius:12px;border:1px solid rgba(255,255,255,.3);box-shadow:10px 20px 25px rgba(0,0,0,.25);overflow:hidden}.section-advantage .entries:nth-of-type(even){flex-direction:row-reverse}.section-advantage .entrie{position:relative;width:50%}@media(min-width: 1px)and (max-width: 767px){.section-advantage .entrie{width:100%}}.section-advantage .entrie .before-after{touch-action:pan-y;overflow:hidden}.section-advantage .entrie .before-after img{display:block;max-width:inherit !important}.section-advantage .entrie .name{position:absolute;top:50%;z-index:2;transform:translateY(-50%);color:#fff;white-space:nowrap;text-shadow:3px 6px 8px rgba(0,0,0,.6);background:rgba(255,255,255,.3);display:none;line-height:44px;padding:0 16px;opacity:1;transition:all .25s ease-in}.section-advantage .entrie .name.before{left:12px}.section-advantage .entrie .name.after{right:12px}.section-advantage .description{font-size:1rem;text-shadow:2px 2px 0 #000;color:rgba(255,255,255,.8);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);line-height:1.8;box-sizing:border-box;padding:36px;display:flex;align-items:center;justify-content:flex-start;width:50%}@media(min-width: 1px)and (max-width: 767px){.section-advantage .description{width:100%}}@media(min-width: 1025px){.section-advantage .description:hover{background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.5)}}.section-advantage .description h3{font-size:1.4rem;color:#fff;letter-spacing:2px;margin-bottom:20px}@media(min-width: 1px)and (max-width: 767px){.section-advantage .description h3{font-size:1.2rem}}