.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}}.msiCenter__container .msiCenter-next,.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}.msiCenter__container{position:relative;padding:0 40px}.msiCenter__container .msiCenterSlide{text-align:center}.msiCenter__container .msiCenter-pre{left:0}.msiCenter__container .msiCenter-next{right:0}.msiCenter__container .msiCenter-pre.swiper-button-disabled{display:none}.msiCenter__container .msiCenter-next.swiper-button-disabled{display:none}.msiCenter__container .msiCenterCarouselBox{overflow:hidden}.msiCenter__container .msiCenterLink.flex:hover .msiCenterLinkWrapper::before{content:none}.msiCenter__container .msiCenterLink.flex .msiCenterLinkWrapper{display:flex;align-items:center;justify-content:center}.msiCenter__container .msiCenterLink.flex .msiCenterLinkWrapper .msiCenterLink__title{margin-left:5px;margin-top:0;position:relative}.msiCenter__container .msiCenterLink.flex .msiCenterLinkWrapper .msiCenterLink__title:hover::before{content:"";position:absolute;right:0;left:0;bottom:0;height:1px;background-color:var(--color-black)}.msiCenter__container .msiCenterLink.flex .msiCenterLinkWrapper .msiCenterLink__icon .linkIcon{vertical-align:baseline}.msiCenterLink{display:inline-block;text-align:center;color:var(--color-white)}.msiCenterLink .msiCenterLinkWrapper{position:relative}.msiCenterLink:hover .msiCenterLinkWrapper::before{content:"";position:absolute;right:0;left:0;bottom:0;height:1px;background-color:var(--color-white)}.msiCenter__container.black .msiCenterLink{color:var(--color-black) !important}.msiCenter__container.black .msiCenterLink .msiCenterLinkWrapper:before{background-color:var(--color-black) !important}.msiCenter__container.black .msiCenter-pre,.msiCenter__container.black .msiCenter-next{color:var(--color-black) !important}.msiCenter__container.golden .msiCenterLink{color:#9a8555 !important}.msiCenter__container.golden .msiCenterLink .msiCenterLinkWrapper:before{background-color:#9a8555 !important}.msiCenter__container.golden .msiCenter-pre,.msiCenter__container.golden .msiCenter-next{color:#9a8555 !important}.msiCenterLink__icon{font-size:45px}.msiCenterLink__icon .linkIcon{vertical-align:middle}.msiCenterLink__title{font-size:var(--link-sm);margin-top:12px;position:relative}.msiCenterLink__imageWrapper{width:80px;height:80px}.msiCenterLink__imageWrapper .msiCenterLinkImage{width:100%;vertical-align:middle}.floatingArea{display:block;width:120px}.floatingArea .floatingIcon.float{animation:float linear 2.5s both infinite}.floatingArea .floatingIcon.shake{animation:shake linear 2s both infinite}.floatingArea .close{display:block;margin-bottom:8px;margin-left:auto;padding:8px 0;font-size:24px}@media(min-width: 996px){.floatingArea .close{padding:0}}.floatingArea .floatingIconWrapper{--lighting-color: transparent}.floatingArea .floatingIcon__link{display:block}.floatingArea .floatingIcon__link:hover .floatingIconImage{transform:scale(1.05)}.floatingArea .floatingIconImage{width:100%;vertical-align:middle;transition:transform .1s}.floatingArea .floatingIconImage.breath{animation:breath linear 4.5s both infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes shake{0%{transform:translate(10px, 0)}50%{transform:translate(0, 0)}100%{transform:translate(10px, 0)}}@keyframes breath{0%{filter:drop-shadow(0 0 3px var(--lighting-color))}50%{filter:drop-shadow(0 0 15px var(--lighting-color))}100%{filter:drop-shadow(0 0 3px var(--lighting-color))}}.loading{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:#fff;overflow:auto}.loading::before{content:"";width:80px;height:80px;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;border-radius:100%;border:10px solid #d0d0d0;border-top-color:#adadad;animation:spin 2s infinite linear}@keyframes spin{100%{transform:rotate(360deg)}}.msiBannerCarousel{min-height:200px}@media(min-width: 1300px){.msiBannerCarousel{min-height:430px}}.msiBannerCarousel.bannerCarouselOverflow{overflow:hidden}.msiBannerCarousel .bannerCarouselWrapper{position:relative;font-size:0}@media(min-width: 1930px){.msiBannerCarousel .baseCarousel{margin-top:-60px;margin-bottom:-70px}}.msiBannerCarousel .baseCarouselButton{visibility:hidden;color:var(--color-gray-800);font-size:35px;z-index:1;position:absolute;top:0;bottom:0;margin:auto}@media(min-width: 1300px){.msiBannerCarousel:hover .baseCarouselButton{visibility:visible}}.msiBannerCarousel .baseCarousel__link{display:block}.msiBannerCarousel .carouselImageWrapper{display:block}.msiBannerCarousel .carouselImage{width:100%;height:auto;vertical-align:middle}.msiBannerCarousel .baseCarousel__pagination .swiper-pagination-bullet{width:15px;border-radius:3px}.msiBannerCarousel .baseCarousel__pagination .swiper-pagination-bullet-active{width:40px;height:8px;display:inline-block;background-color:var(--color-gray-600)}@media(min-width: 1300px){.msiBannerCarousel .baseCarousel__pagination{visibility:hidden}}.msiBannerCarousel .customNextButton{right:0}.msiBannerCarousel .customPrevButton{left:0}.msiBannerCarousel .carouselNext,.msiBannerCarousel .carouselPrev{padding:20px 5px;background-color:rgba(255,255,255,.4)}.cardWrapper{display:block}.cardWrapper .spotLightImageWrapper{display:block;overflow:hidden}.cardWrapper .spotLightImage{width:100%;height:auto;vertical-align:middle;transition:transform .3s}.cardWrapper .card__body{padding:15px 15px 24px;background-color:#fff;transition:background-color .5s}.cardWrapper .card__body.center{text-align:center}.cardWrapper .title{color:var(--color-gray-800);font-size:var(--title-sm)}.cardWrapper .context{color:var(--color-gray-800);font-size:var(--text-sm);margin-top:8px}.cardWrapper:hover .card__body{background-color:var(--color-gray-200)}.cardWrapper:hover .spotLightImage{transform:scale(1.05)}.centralBanner{margin-top:60px}.centralBanner__link{display:block}.centralBannerImage{width:100%;height:auto;vertical-align:middle}.odmSpotLight{background-color:var(--color-gray-100);padding-top:60px;padding-bottom:45px;margin-top:65px}.odmSpotLight .cardWrapper .card__body{background-color:var(--color-gray-100);padding:15px 10px}@media(min-width: 1500px){.odmSpotLight .cardWrapper .card__body{padding:15px 15px 24px}}.odmSpotLight .cardWrapper .card__body .title{font-size:16px}@media(min-width: 1500px){.odmSpotLight .cardWrapper .card__body .title{font-size:var(--title-sm)}}.odmSpotLight .cardWrapper:hover .card__body{background-color:var(--color-gray-200)}.odm__row{display:flex;margin:0 -15px;margin:-5px}@media(min-width: 1500px){.odm__row{margin:-15px}}.odm__col{padding-left:15px;padding-right:15px;flex:0 0 25%;padding:5px}@media(min-width: 1500px){.odm__col{padding:15px}}.odm__col.relative{position:relative}.odm__col .absolute{position:absolute;bottom:5px;right:5px;left:5px}@media(min-width: 1500px){.odm__col .absolute{bottom:15px;right:15px;left:15px}}.odm__col .context{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-word}.odmSpotLightPinImageWrapper{display:block;overflow:hidden}.odmSpotLight__productTitle{text-align:center;color:var(--color-gray-800);font-size:var(--title-xl);margin-bottom:35px}.spotLight{margin-top:60px}.spotLight__productTitle{text-align:center;font-size:var(--title-xl);color:var(--color-gray-800);margin-bottom:35px}.spotLight__row{display:flex;margin:0 -15px;flex-wrap:wrap;margin-top:-15px;margin-bottom:-15px}.spotLight__col{padding-top:15px;padding-bottom:15px}@media(min-width: 768px){.spotLight__col{padding-left:15px;padding-right:15px;flex:0 0 33.3333333333%}}.spotLight__customCol{padding-left:15px;padding-right:15px;flex:0 0 50%;padding-top:15px;padding-bottom:15px}.socialBox{color:#000}.odmCarousel{position:relative;overflow:hidden;font-size:0}.odmCarousel .baseCarouselButton{position:absolute;bottom:0;z-index:1;margin:auto;color:var(--color-gray-800);font-size:30px}@media(min-width: 768px){.odmCarousel .baseCarouselButton{padding:10px 0;font-size:35px}}.odmCarousel .baseCarousel__link{display:block}.odmCarousel .carouselImageWrapper{display:block;text-align:center}.odmCarousel .carouselImage{width:100%;vertical-align:middle;height:auto;max-width:700px}.odmCarousel .carouselText__body{text-align:center;padding:15px 0 25px 0;max-width:700px;margin:0 auto}.odmCarousel .carouselText__body .title{font-size:var(--text-md);color:var(--color-gray-800)}.odmCarousel .carouselText__body .context{font-size:var(--text-sm);color:var(--color-gray-800);margin-top:5px}.odmCarousel .baseCarousel__pagination{position:relative}.odmCarousel .baseCarousel__pagination .swiper-pagination-bullet{width:15px;border-radius:3px}.odmCarousel .baseCarousel__pagination .swiper-pagination-bullet-active{width:40px;height:8px;display:inline-block;background-color:var(--color-gray-600)}.serviceArea{text-align:center;margin-top:50px}.serviceArea__row{display:flex;margin:0 -15px;flex-wrap:wrap;margin-top:-15px;margin-bottom:-15px}.serviceArea__col{padding-left:15px;padding-right:15px;flex:0 0 50%;padding-top:15px;padding-bottom:15px}@media(min-width: 768px){.serviceArea__col{padding-left:15px;padding-right:15px;flex:0 0 25%}}.socialLink{display:inline-block;text-align:center;color:var(--color-gray-800)}.socialLink:hover .socialLink__title:before{content:"";position:absolute;right:0;left:0;bottom:0;height:1px;background-color:var(--color-gray-800)}.socialLink__icon{font-size:45px}.socialLink__icon .linkIcon{vertical-align:middle}.socialLink__title{font-size:var(--link-sm);margin-top:12px;position:relative}.socialMarketing{margin-top:45px}.socialMarketing__row{display:flex;margin:0 -15px;flex-wrap:wrap;margin-top:-15px;margin-bottom:-15px}.socialMarketing__col{padding-top:15px;padding-bottom:15px;padding-left:15px;padding-right:15px;flex:0 0 100%}@media(min-width: 996px){.socialMarketing__col{padding-left:15px;padding-right:15px;flex:0 0 50%}}.socialMarketingImage{width:100%;height:auto;vertical-align:middle;transition:transform .3s}.socialMarketing__link{display:block;position:relative;overflow:hidden}.socialMarketing__link:hover .socialMarketingImage{transform:scale(1.02)}.socialMarketing__link:hover .linkBody{background-color:rgba(128,128,128,.4);color:var(--color-white)}.linkBody{text-align:center;background-color:var(--color-gray-100);padding:15px 25px;color:var(--color-gray-800)}@media(min-width: 996px){.linkBody{position:absolute;bottom:0;left:0;right:0;text-align:left;background-color:rgba(255,255,255,.4)}}.linkBody .linkBody__title{font-size:var(--title-sm)}.linkBody .linkBody__context{font-size:var(--text-sm)}.announce{background-color:var(--color-gray-600)}.announceWrapper{text-align:center;padding:20px}@media(min-width: 768px){.announceWrapper{display:block;text-align:left;display:flex;justify-content:center;align-items:center}}.announceWrapper .title{color:var(--color-white);font-size:var(--title-sm);font-weight:bold;position:relative;padding:20px}@media(min-width: 768px){.announceWrapper .title::before{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background-color:var(--color-gray-300)}}.announceWrapper .contentWrapper{padding:20px}.announceWrapper .announceContent{color:var(--color-white);font-size:var(--text-sm);margin-right:10px}.announceWrapper .announceLink{color:var(--color-white);font-size:var(--text-sm);display:flex;justify-content:center;margin-top:20px}.announceWrapper .announceLink .announceLinkWrapper{position:relative;display:flex;align-items:center}.announceWrapper .announceLink .announceLinkWrapper::before{content:"";position:absolute;right:0;left:0;bottom:-3px;height:1px;background-color:var(--color-white)}@media(min-width: 768px){.announceWrapper .announceLink{display:inline-flex;justify-content:flex-start;margin-top:0}}.msiHome{padding-bottom:60px}.msiHome .msiHome__container{padding:0 30px;margin:0 auto;max-width:1900px}.msiHome .msiCenter{background-color:var(--color-gray-200);min-height:60px;padding:10px 0}.msiHome .msiCenter .msiCenter__container{margin:0 auto;max-width:1000px}.msiHome .spotLight__productTitle span,.msiHome .spotLight__productTitle strong{display:block}@media(min-width: 768px){.msiHome .spotLight__productTitle span,.msiHome .spotLight__productTitle strong{display:inline}}.msiHome .odmSpotLight__productTitle span,.msiHome .odmSpotLight__productTitle strong{display:block}@media(min-width: 768px){.msiHome .odmSpotLight__productTitle span,.msiHome .odmSpotLight__productTitle strong{display:inline}}