.msi__container{width:100%;position:relative;padding:0 25px;margin:0 auto}@media(min-width: 1300px){.msi__container{max-width:1280px;padding:0}}:root{--color-black: #000;--color-white: #ffffff;--color-error: var(--color-red-400);--color-gray-100: #fafafa;--color-gray-200: #ececec;--color-gray-300: #cccccc;--color-gray-400: #808080;--color-gray-500: #7c7b7b;--color-gray-600: #696969;--color-gray-700: #333333;--color-gray-800: #222222;--color-gray-900: #1a1a1a;--color-gold-400: #9a8555;--color-red-300: #e92c2c;--color-red-400: #ea2023;--color-red-500: #fe0000;--color-green-300: #92b457;--color-green-400: #86b000;--color-green-500: #82BC00;--color-gaming: var(--color-red-500);--color-cc: var(--color-gold-400);--color-bp: var(--color-gold-400);--color-amd: var(--color-green-400);--color-alpha: var(--color-green-300);--body-bgcolor: var(--color-white);--body-text-color: var(--color-gray-700)}:root{--MSIBodyFont: -apple-system, BlinkMacSystemFont, "Segoe UI","Noto Sans TC","Microsoft JhengHei", "Meiryo UI", Helvetica, Arial, sans-serif;--body-font-size: var(--text-md);--title-xl: 24px;--title-lg: 22px;--title-md: 20px;--title-sm: 18px;--title-xs: 16px;--text-xl: 20px;--text-lg: 18px;--text-md: 17px;--text-sm: 16px;--text-xs: 15px;--note-lg: 16px;--note-xl: 14px;--note-md: 13px;--note-sm: 12px;--link--xl: 20px;--link-lg: 18px;--link-md: 17px;--link-sm: 16px;--link-xs: 14px;--line-height-xl: 2;--line-height-lg: 1.8;--line-height-md: 1.5;--line-height-xs: 1.3;--line-height-list: 1.8;--line-height-article: 1.8}@media(min-width: 992px){:root{--title-xl: 36px;--title-lg: 26px}}@media(min-width: 1930px){:root{--title-md: 22px;--title-sm: 20px;--title-xs: 17px;--text-lg: 19px;--text-md: 18px;--text-sm: 17px;--text-xs: 16px;--note-lg: 17px;--note-xl: 15px;--note-md: 14px;--note-sm: 13px;--link-lg: 19px;--link-md: 18px;--link-sm: 17px;--line-xs: 16px}}html:lang(ja-JP) body,html:lang(JP) body{--MSIBodyFont: -apple-system, BlinkMacSystemFont, "Segoe UI", "Meiryo UI", "Yu Gothic", Arial, sans-serif}html:lang(zh-TW) body,html:lang(zh-CN) body,html:lang(ja-JP) body,html:lang(JP) body,html:lang(ko-KR) body{--title-sm: 17px;--text-md: 16px}@media(min-width: 1930px){html:lang(zh-TW) body,html:lang(zh-CN) body,html:lang(ja-JP) body,html:lang(JP) body,html:lang(ko-KR) body{--title-sm: 18px;--text-md: 17px}}.msiMain .msiCenter__container .msiCenter-next,.msiMain .msiCenter__container .msiCenter-pre{cursor:pointer;display:flex;align-items:center;position:absolute;top:0;bottom:0;color:var(--color-white);z-index:1;padding:10px;font-size:24px}.msiMain a{display:block}.msiMain figure{line-height:0;position:relative}.msiMain .msiCenter{padding-top:15px;padding-bottom:28px;background-color:var(--color-gray-900)}.msiMain .msiCenter__container{margin:0 auto;max-width:1000px;position:relative;overflow:hidden;padding:0 40px}.msiMain .msiCenter__container .msiCenterSlide{text-align:center}.msiMain .msiCenter__container .msiCenter-pre{left:15px}.msiMain .msiCenter__container .msiCenter-next{right:15px}.msiMain .msiCenter__container .msiCenter-pre.swiper-button-disabled{display:none}.msiMain .msiCenter__container .msiCenter-next.swiper-button-disabled{display:none}.msiMain .msiCenterLink{display:inline-block;text-align:center;color:var(--color-white)}.msiMain .msiCenterLink:hover .msiCenterLink__title:before{content:"";position:absolute;right:0;left:0;bottom:0;height:1px;background-color:var(--color-white)}.msiMain .msiCenterLink__icon{font-size:45px}.msiMain .msiCenterLink__icon .linkIcon{vertical-align:middle}.msiMain .msiCenterLink__title{font-size:var(--link-xs);margin-top:12px;position:relative}.msiMain img{width:100%;height:100%;object-fit:cover}.msiMain picture{display:block;line-height:0;position:relative}.msiMain .carousel{width:100%;height:100%;font-size:0}.msiMain .carousel .swiper-pagination-bullet{width:40px;height:2px;background:#666;opacity:1;border-radius:0}.msiMain .carousel .swiper-pagination-bullet:hover{background:red}.msiMain .carousel .swiper-pagination-bullet-active{background:red}.msiMain .announcement{text-align:center;padding:30px 15px;background:#000;color:#fff}.msiMain .announcement h2{margin:0 0 20px 0;color:red}.msiMain .products{background:#222;display:flex;padding:5px}.msiMain .products__title{font-size:var(--title-md);color:var(--color-white)}.msiMain .products__description{margin:10px 2ch 15px;font-size:var(--text-sm);color:var(--color-gray-300)}.msiMain .products__link{width:calc(100% / 4);flex:1;position:relative}.msiMain .products__link:hover .products__figure:before{background:transparent}.msiMain .products__link:not(:first-child){margin-left:5px}.msiMain .products__head{text-align:center;width:100%;position:absolute;z-index:1;transform:translate(-50%, 0);left:50%;padding:5% 0 0 0}.msiMain .products__figure:before{display:inline-block;content:"";width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;transition:.3s}@media screen and (max-width: 1200px){.msiMain .products{flex-direction:column}.msiMain .products__link{width:100%;background:#000;display:flex;place-items:center}.msiMain .products__link:not(:first-child){margin-left:unset}.msiMain .products__head{flex:0 0 300px;position:unset;transform:unset}.msiMain .products__image{height:auto}}@media screen and (max-width: 768px){.msiMain .products__link{display:block;place-items:unset}.msiMain .products__link:not(:first-child){margin-left:unset;margin-top:5px}.msiMain .products__head{text-align:center;position:absolute;transform:translate(-50%, 0)}.msiMain .products__image{height:100%}}.msiMain .odm{margin:5px;display:grid;grid-template:repeat(2, minmax(25vh, auto))/repeat(4, 1fr);grid-gap:5px}.msiMain .odm>a{position:relative}.msiMain .odm>a:first-child{grid-area:1/1/3/3}.msiMain .odm>a:hover .odm__caption span{max-height:100px;padding:10px}.msiMain .odm>a picture{height:100%}.msiMain .odm>a figure{line-height:normal;height:100%}.msiMain .odm__caption{font-size:var(--title-md);color:var(--color-white);font-weight:bold;width:100%;text-align:center;background-color:rgba(0,0,0,.35);padding:10px 2ch 15px;position:absolute;bottom:0}.msiMain .odm__caption span{font-size:var(--text-sm);color:var(--color-gray-200);font-weight:normal;max-height:0;overflow:hidden;transition:.15s;display:block}@media screen and (max-width: 1200px){.msiMain .odm{grid-template:repeat(3, 1fr)/repeat(2, 1fr)}.msiMain .odm>a:first-child{grid-area:1/1/2/3}}@media screen and (max-width: 768px){.msiMain .odm{grid-template:repeat(5, 300px)/1fr}.msiMain .odm>a:first-child{grid-area:unset}}.msiMain .banner{width:100%;height:100%}.msiMain .banner__link{position:relative}.msiMain .banner picture:hover:before{background:transparent}.msiMain .banner picture:before{display:block;content:"";width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;transition:.3s}.msiMain .service,.msiMain .related{display:grid;margin:5px;grid-gap:5px}.msiMain .service{grid-template:minmax(50vh, auto)/repeat(2, 1fr)}.msiMain .service__link{position:relative}.msiMain .service__head{text-align:center;color:#000;text-align:center;width:100%;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(255,255,255,.5);transition:.3s}.msiMain .service__head:hover{background:transparent}.msiMain .service__icon{width:10%;height:auto}.msiMain .service__title{margin-top:15px;font-size:var(--title-md);color:var(--color-gray-700)}.msiMain .service__description{margin:10px 2ch 15px;font-size:var(--text-sm);color:var(--color-gray-500)}@media screen and (max-width: 768px){.msiMain .service{grid-template:repeat(2, minmax(25vh, auto))/1fr}}.msiMain .related{grid-template-columns:repeat(4, 1fr)}.msiMain .related__link{position:relative}.msiMain .related__title{width:100%;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(255,255,255,.5);font-size:var(--title-md);color:var(--color-gray-700);transition:.3s}.msiMain .related__title:hover{background:rgba(255,255,255,.6)}@media screen and (max-width: 768px){.msiMain .related{display:none}}.msiMain .mask section{margin:5px;display:grid;gap:5px}.msiMain .mask section div{border:1px solid #ccc;background-image:linear-gradient(to right, #fff, #fff, #fafafa, #fff, #fff);background-size:200%;animation:loading 1.25s linear infinite}.msiMain .mask section:nth-child(1),.msiMain .mask section:nth-child(3){aspect-ratio:20/7;background-image:linear-gradient(to right, #fff, #fff, #fafafa, #fff, #fff);background-size:200%;animation:loading 1.25s linear infinite}.msiMain .mask section:nth-child(2){aspect-ratio:4/1;grid-template-columns:repeat(3, 1fr)}.msiMain .mask section:nth-child(4){aspect-ratio:4/1;grid-template:repeat(2, minmax(25vh, auto))/repeat(4, 1fr)}.msiMain .mask section:nth-child(4) div:first-child{grid-area:1/1/3/3}.msiMain .mask section:nth-child(5){grid-template:minmax(50vh, auto)/repeat(2, 1fr)}.msiMain .mask section:nth-child(6){aspect-ratio:6/1;grid-template-columns:repeat(4, 1fr)}@media screen and (max-width: 1200px){.msiMain .mask section:nth-child(1),.msiMain .mask section:nth-child(3){aspect-ratio:4/5}.msiMain .mask section:nth-child(2){grid-template-columns:auto;grid-template-rows:repeat(3, 1fr)}.msiMain .mask section:nth-child(2) div{aspect-ratio:391/226}.msiMain .mask section:nth-child(4){grid-template:repeat(3, 1fr)/repeat(2, 1fr)}.msiMain .mask section:nth-child(4) div:first-child{grid-area:1/1/2/3}}@media screen and (max-width: 768px){.msiMain .mask section:nth-child(2) div{aspect-ratio:60/47}.msiMain .mask section:nth-child(4){grid-template:repeat(5, 300px)/1fr}.msiMain .mask section:nth-child(4) div:first-child{grid-area:unset}.msiMain .mask section:nth-child(5){grid-template:repeat(2, minmax(25vh, auto))/1fr}.msiMain .mask section:nth-child(6){display:none}}