html{background:linear-gradient(to top, #1b5864, #1d5e6a, #1f6370, #226977, #246f7d, #277c8a, #2b8996);background:#1b5864}[class^=body-solution] .breadcrumb{color:#fff !important;border-bottom:none;width:1280px}[class^=body-solution] .breadcrumb a{color:#fff !important}[class^=body-solution] #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-solution] #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-solution] #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-solution] #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%)}.section-solution{background:url("https://www.mcm-tw.com/theme/v1/images/solution_bg_0.jpg") center center no-repeat;overflow-x:hidden}.section-solution:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:url("https://www.mcm-tw.com/theme/v1/images/solution_bg_1.png") center center no-repeat}.section-solution .wrap{position:relative;z-index:3;max-width:100%}@media all and (max-width: 1024px){.section-solution .wrap{background-size:cover;margin:0}}.section-solution .wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(to top, #1b5864 0%, rgba(27, 88, 100, 0.3) 20%, rgba(27, 88, 100, 0) 100%);background:linear-gradient(to top, #1b5864 0%, #1b5864 10%, rgba(27, 88, 100, 0) 50%)}.section-solution .wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:linear-gradient(to bottom, #1b5864 0%, #1b5864 10%, rgba(27, 88, 100, 0) 50%)}.section-solution .video{position:absolute;top:0;right:0;bottom:0;z-index:0;width:60%;overflow:hidden}@media(min-width: 1px)and (max-width: 767px){.section-solution .video{display:none}}.section-solution .video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center, rgba(19, 74, 76, 0) 0%, rgba(19, 74, 76, 0.1) 40%, rgba(33, 77, 84, 0.2) 50%, #214d54 80%);background:linear-gradient(to right, #134a4c 0%, #134a4c 10%, rgba(19, 74, 76, 0) 50%)}.section-solution .video video{position:absolute;top:0;right:-30%;width:1920px}.section-solution .media{position:absolute;top:0;right:0;bottom:0;z-index:0;width:60%;overflow:hidden}@media(min-width: 1px)and (max-width: 767px){.section-solution .media{display:none}}.section-solution .media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center, rgba(19, 74, 76, 0) 0%, rgba(19, 74, 76, 0.1) 40%, rgba(33, 77, 84, 0.2) 50%, #214d54 80%);background:linear-gradient(to right, #134a4c 0%, #134a4c 10%, rgba(19, 74, 76, 0) 50%)}.section-solution .media img{position:absolute;top:0;right:-30%;width:1920px;max-width:inherit !important}.section-solution .subsection{position:relative;z-index:10;padding-top:56.25%;margin:0 auto;width:1280px;max-width:100%}@media(min-width: 1px)and (max-width: 767px){.section-solution .subsection{padding-top:0}}.section-solution .inner-md{position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%, -50%);padding-top:56.25%;width:1280px;max-width:100%}@media(min-width: 1px)and (max-width: 767px){.section-solution .inner-md{display:none}}.section-solution .inner-md .hex{position:absolute;top:50%;left:0;z-index:1;transform:translateY(-50%);width:53%;height:87%}.section-solution .inner-md .hex svg{position:relative}.section-solution .inner-md .hex svg [data-id]{transform:scale(1);transform-origin:50% 50%;transform-box:fill-box;transition:all .25s ease-in;cursor:pointer}.section-solution .inner-md .hex svg [data-id]:hover,.section-solution .inner-md .hex svg [data-id].active{fill:#44ae93;transform:scale(1.02)}.section-solution .inner-md .alert a{font-size:15px;font-weight:400}.section-solution .inner-md .hex .alert{position:absolute;transform:translateX(3%);opacity:0;background:url("https://www.mcm-tw.com/theme/v1/images/solution_alert.svg") left center no-repeat;display:flex;align-items:center;box-sizing:border-box;padding-left:70px;width:1200px;height:27.6041%;pointer-events:none;transition:all .25s ease-in}@media all and (max-width: 1024px){.section-solution .inner-md .hex .alert{padding-left:40px}}.section-solution .inner-md .hex .alert.show{transform:translateX(-3%);opacity:1;pointer-events:inherit}@media(min-width: 1px)and (max-width: 767px){.section-solution .inner-md .hex .alert.show{transform:translate(-50%, -50%)}}.section-solution .inner-md .hex .alert.show a{display:flex}.section-solution .inner-md .hex .alert .h100p{height:80%}.section-solution .inner-md .hex .alert a{font-size:17px;font-weight:bold;color:#e3fffa;background:url("https://www.mcm-tw.com/theme/v1/images/solution_arrow.svg") left center no-repeat;background-size:auto 10px;display:none;align-items:center;padding-left:32px;pointer-events:auto;height:33.3333%}.section-solution .inner-md .hex .alert a:nth-of-type(odd){margin-left:30px}.section-solution.en .text{top:0%;right:8%}.section-solution.en .text strong{font-size:30px;letter-spacing:1px}.section-solution.en .text span{font-size:14px;padding-top:0}.section-solution .text{position:absolute;top:-2%;right:20%;text-align:center}@media all and (max-width: 1024px){.section-solution .text{max-width:50%}}@media(min-width: 1px)and (max-width: 767px){.section-solution .text{position:relative;top:auto;right:auto;transform:translateY(0%);margin-bottom:36px;width:100%;max-width:100%}}.section-solution .text strong{position:relative;font-size:48px;letter-spacing:12px;text-transform:uppercase;text-shadow:0px 0px 16px #000;color:#fff;display:inline-block;line-height:44px;margin:0;height:44px;transition:all .3s cubic-bezier(0.5, 0, 0, 1)}@media(min-width: 1px)and (max-width: 767px){.section-solution .text strong{font-size:28px;line-height:1.2;letter-spacing:3px;height:auto}}.section-solution .text span{font-size:24px;font-family:"Varela Round",sans-serif;color:rgba(255,255,255,.9);letter-spacing:2px;text-transform:uppercase;display:block;padding:12px 0 0;line-height:48px}@media(min-width: 1px)and (max-width: 767px){.section-solution .text span{font-size:16px;line-height:1.2}}.section-solution.en .inner-sm .text{position:relative;top:auto;right:auto;transform:translateY(0%)}.section-solution.en .inner-sm .text strong{font-size:26px;margin-bottom:12px}.section-solution .inner-sm{display:none}@media(min-width: 1px)and (max-width: 767px){.section-solution .inner-sm{display:block;padding:60px 0}}.section-solution .inner-sm .hex .grid{margin:0 auto;width:96%}.section-solution .inner-sm .hex .grid-2{grid-template-columns:.5fr 1fr 1fr .5fr}.section-solution .inner-sm .hex svg[data-id]{position:relative;transition:all .25s ease-in;cursor:pointer}.section-solution .inner-sm .hex svg[data-id].active .cls-2{fill:#44ae93 !important}.section-solution .inner-sm .hex .alert{color:#fff;background:rgba(0,0,0,.6);display:none;box-sizing:border-box;padding:20px;margin:20px auto;border:1px solid rgba(255,255,255,.3);width:90%;height:auto}.section-solution .inner-sm .hex .alert.show{display:block}.section-solution .inner-sm .hex .alert h3{font-size:1.75rem;color:#44ae93;display:block;text-align:center;line-height:1;margin-bottom:12px}.section-solution .inner-sm .hex .alert a{color:#fff;display:block;line-height:30px}