html{background:linear-gradient(to top, #1b5864, #1d5e6a, #1f6370, #226977, #246f7d, #277c8a, #2b8996);background:#1b5864}[class^=body-products] .breadcrumb{color:#fff !important;border-bottom:none;width:1280px}[class^=body-products] .breadcrumb a{color:#fff !important}[class^=body-products] #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-products] #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-products] #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-products] #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-image .section-banner .swiper-slide{background-image:linear-gradient(to right, #1b5864, #1d5e6a, #1f6370, #226977, #246f7d, #277c8a, #2b8996) !important;width:100%}.section-image .section-banner .swiper-slide div.banner{position:relative}.section-image .section-banner .swiper-slide div.banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0) 100%)}[class^=section-products] .bg{content:"";position:absolute;bottom:0;right:0;left:0;z-index:0;background:url("https://www.mcm-tw.com/theme/v1/images/products_bg_01.png") center bottom -600px no-repeat;opacity:.12;height:1026px}#node-subnav{position:fixed;top:200px;left:24px;z-index:4;text-align:center;background:rgba(27,88,100,.8);border-radius:12px;border:1px solid rgba(255,255,255,.6);box-shadow:10px 20px 25px rgba(0,0,0,.25);overflow:hidden}@media all and (max-width: 1366px){#node-subnav{display:none}}#node-subnav .bar{font-size:18px;font-weight:bold;color:#1b5864;background:rgba(240,232,232,.8);text-transform:uppercase;line-height:44px;padding:0 12px;height:44px;cursor:pointer}#node-subnav .container{color:#fff;text-shadow:3px 3px 3px rgba(0,0,0,.6);box-sizing:border-box;padding:24px;max-width:260px}@media all and (max-width: 1680px){#node-subnav .container{padding:20px}}@media all and (max-width: 1600px){#node-subnav .container{padding:20px 12px}}#node-subnav .container strong{font-size:24px;display:block;letter-spacing:2px;margin-bottom:12px}#node-subnav .container strong a{color:#fff}#node-subnav ul{text-align:center;list-style:none;padding:0;margin:0}#node-subnav ul li{font-size:14px;display:block}#node-subnav ul li a{font-size:17px;color:#fff;display:block;box-sizing:border-box;letter-spacing:1px;padding:8px 0;min-height:40px;cursor:pointer !important}@media(min-width: 1025px){#node-subnav ul li a:hover{font-weight:500;color:#ffe38c}}#node-subnav ul li a.active{font-weight:500;color:#ffe38c;text-decoration:underline}.breadcrumb{width:1280px !important}.section-video .section-banner .swiper-slide{position:relative;background-image:linear-gradient(to right, #1b5864, #1d5e6a, #1f6370, #226977, #246f7d, #277c8a, #2b8996) !important;width:100%}.section-video .section-banner .swiper-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0) 100%)}.section-video .section-banner .swiper-slide .page-title{top:50%}.section-video .section-banner .swiper-slide video{position:absolute;top:-70%;z-index:-1;width:100% !important;height:auto !important}@media all and (max-width: 1024px){.section-video .section-banner .swiper-slide video{left:50%;transform:translateX(-50%);width:300% !important}}.section-video .section-banner .banner img{display:none}#goods-category{padding:36px 0 0}section[class^=section-product]{padding:0 0 60px}section[class^=section-product] .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);border-radius:0;max-width:1280px}@media(min-width: 1px)and (max-width: 767px){section[class^=section-product] .wrap{padding:20px}}section[class^=section-product] h2{position:relative;font-size:24px;color:#fff;text-shadow:3px 3px 3px rgba(0,0,0,.6);letter-spacing:1px;line-height:48px;margin-bottom:20px}section[class^=section-product] h2:after{content:"";position:absolute;bottom:0;left:0;background:#00a791;width:100%;height:2px}section[class^=section-product] .grid{grid-gap:20px 20px;margin-bottom:44px}section[class^=section-product].en .item:hover .info{bottom:-92px}section[class^=section-product] .item{position:relative;border-radius:12px;overflow:hidden}section[class^=section-product] .item:hover .thumbnail,section[class^=section-product] .item:hover .picture{bottom:0}section[class^=section-product] .item:hover .thumbnail img,section[class^=section-product] .item:hover .picture img{transform:scale(1.1, 1.1)}section[class^=section-product] .item:hover .info{bottom:-66px}section[class^=section-product] .item:hover .description{transform:translateY(0%)}section[class^=section-product] .item-video video{position:absolute;top:0;left:50%;transform:translateX(-50%);width:267% !important;height:100% !important}section[class^=section-product] .item-inner{padding:120.238% 0 0}section[class^=section-product] .thumbnail,section[class^=section-product] .picture{position:absolute;top:0;left:0;right:0;bottom:28px;border-radius:12px;overflow:hidden;transition:all .5s ease-in}section[class^=section-product] .thumbnail img,section[class^=section-product] .picture img{display:block;transition:all .75s ease-in}section[class^=section-product] .thumbnail .name,section[class^=section-product] .picture .name{text-shadow:3px 6px 8px rgba(0,0,0,.9)}section[class^=section-product] .thumbnail p,section[class^=section-product] .picture p{text-shadow:3px 6px 8px rgba(0,0,0,.9)}section[class^=section-product].en .info .name{font-size:16px;display:flex !important;align-items:center;justify-content:center;letter-spacing:0;min-height:52px}section[class^=section-product] .info{position:absolute;left:0;right:0;bottom:0;background:#fff;text-align:center;padding:12px;transition:all .5s ease-in}section[class^=section-product] .info .inner{font-size:16px}section[class^=section-product] .info .inner.inner-22{display:flex;align-items:center;justify-content:center;min-height:48px}section[class^=section-product] .info .name{font-size:16px;font-weight:500;letter-spacing:2px}section[class^=section-product] .info .en{font-size:12px;display:block;letter-spacing:0px;line-height:24px;text-transform:uppercase;min-height:24px;display:none}section[class^=section-product].en .description{text-align:left}section[class^=section-product] .description{position:absolute;top:0;right:0;left:0;font-size:14px;background:rgba(0,0,0,.6);color:#fff;display:block;line-height:1.6;text-align:justify;box-sizing:border-box;padding:20px;height:100%;transform:translateY(200%);transition:all .5s ease-in;overflow-y:auto}section[class^=section-product] .description::-webkit-scrollbar-track{background:none}section[class^=section-product] .description .bottom{position:absolute;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);display:block;text-align:center;padding:8px 0}section[class^=section-product] .description .name{font-size:18px;font-weight:500;letter-spacing:2px;display:block;margin-bottom:8px}section[class^=section-product] .description .en{font-size:12px;display:block;text-align:left;letter-spacing:0px;text-transform:uppercase;opacity:.7}