.common__container{width:100%;position:relative;padding:0 15px;margin:0 auto}@media(min-width: 768px){.common__container{max-width:750px}}@media(min-width: 992px){.common__container{max-width:990px}}@media(min-width: 1300px){.common__container{max-width:1280px}}.fade-enter-active{transition:opacity .3s}.fade-leave-active{transition:opacity .3s}.fade-enter-to,.fade-leave-from{opacity:1}.fade-leave-to,.fade-enter-from{opacity:0}.fadeVideo-enter-active{animation:fadeIn .5s}.fadeVideo-leave-active{animation:fadeOut .3s}.drop-enter-active{animation:dropDown 1s}.drop-leave-active{animation:collapse 1s}.filterEffect-enter-active{animation:fadeIn 1s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes dropDown{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@keyframes collapse{from{opacity:1;max-height:500px}to{opacity:0;max-height:0}}:root{--MSIBodyFont: -apple-system, BlinkMacSystemFont, "Segoe UI","Microsoft JhengHei","Noto Sans TC", "微軟正黑體", "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;--line-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", 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}}.contentCreation .TrinityForce{margin:0 auto;background:url(https://storage-asset.msi.com/template/images/workstation/bg-mobile.jpg) top center no-repeat;background-size:cover;padding:4% 0}@media screen and (max-width: 1920px){.contentCreation .TrinityForce{padding:4.5% 0 4%}}@media screen and (max-width: 960px){.contentCreation .TrinityForce{padding:7vh 0 5vh}}.contentCreation .TrinityForce__textbox{width:90%;margin:0 auto;max-width:1400px;text-align:center}.contentCreation .TrinityForce__textbox h3{padding-bottom:30px;font-size:32px;color:#333;margin-top:20px;margin-bottom:10px;font-family:inherit;font-weight:500;line-height:1.1;color:#9a8555}@media screen and (max-width: 1920px){.contentCreation .TrinityForce__textbox h3{padding-bottom:20px}}.contentCreation .TrinityForce__textbox p{margin:0 0 10px;font-size:22px}@media screen and (max-width: 1920px){.contentCreation .TrinityForce__textbox p{font-size:20px}}@media screen and (max-width: 1536px){.contentCreation .TrinityForce__textbox p{font-size:18px}}.contentCreation .TrinityForceContent{margin:0 auto;display:flex;background:#9a8555;border-top:3px solid #9a8555;border-bottom:3px solid #9a8555}@media screen and (max-width: 992px){.contentCreation .TrinityForceContent{display:block}}.contentCreation .TrinityForceContent__box{flex:0 0 calc(100% / 3);padding-bottom:35%;position:relative}.contentCreation .TrinityForceContent__box:not(:last-of-type){border-right:3px solid #9a8555}.contentCreation .TrinityForceContent__box::after{content:"";display:block;position:absolute;width:100%;height:100%;background:#fff;transition:1s all ease}@media screen and (max-width: 960px){.contentCreation .TrinityForceContent__box::after{top:0;opacity:.5}}@media screen and (max-width: 1920px){.contentCreation .TrinityForceContent__box{padding-bottom:40%}}@media screen and (max-width: 1536px){.contentCreation .TrinityForceContent__box{padding-bottom:42%}}@media screen and (max-width: 1250px){.contentCreation .TrinityForceContent__box{padding-bottom:48%}}@media screen and (max-width: 1150px){.contentCreation .TrinityForceContent__box{padding-bottom:58%}}@media screen and (max-width: 1060px){.contentCreation .TrinityForceContent__box{padding-bottom:68%}}@media screen and (max-width: 992px){.contentCreation .TrinityForceContent__box{flex:unset;padding:12vh 0}.contentCreation .TrinityForceContent__box::after{top:0}.contentCreation .TrinityForceContent__box:not(:last-of-type){border-right:0;border-bottom:3px solid #9a8555}}.contentCreation .TrinityForceContent__box::after{opacity:.8}.contentCreation .TrinityForceContent__box .TrinityForceContent__text-title{color:#9a8555;padding-bottom:30px;text-shadow:unset}.contentCreation .TrinityForceContent__box .TrinityForceContent__text-title::after{background:#9a8555}.contentCreation .TrinityForceContent__box .TrinityForceContent__text-sup{opacity:1;height:auto;color:#000}.contentCreation .TrinityForceContent__box .TrinityForceContent__moreLink{margin-top:60px}.contentCreation .TrinityForceContent__box .TrinityForceContent__moreLink .link{font-weight:bold;color:#000;position:relative}.contentCreation .TrinityForceContent__box .TrinityForceContent__moreLink .link:hover::before{content:"";position:absolute;right:0;left:0;bottom:0;height:1px;background-color:#000}@media(min-width: 996px){.contentCreation .TrinityForceContent__box::after{opacity:.3}.contentCreation .TrinityForceContent__box .TrinityForceContent__text-title{color:#fff;padding-bottom:0}.contentCreation .TrinityForceContent__box .TrinityForceContent__text-title::after{background:#fff}.contentCreation .TrinityForceContent__box .TrinityForceContent__text-sup{opacity:0;height:0}.contentCreation .TrinityForceContent__box:hover::after{opacity:.8}.contentCreation .TrinityForceContent__box:hover .TrinityForceContent__text-title{color:#9a8555;padding-bottom:30px;text-shadow:unset}.contentCreation .TrinityForceContent__box:hover .TrinityForceContent__text-title::after{background:#9a8555}.contentCreation .TrinityForceContent__box:hover .TrinityForceContent__text-sup{opacity:1;height:auto;color:#000}}.contentCreation .TrinityForceContent__box--1{flex:1 0 0;background:url("https://storage-asset.msi.com/frontend/imgs/products/content-creation/image/img-Architecture-Engineering.jpg") top center no-repeat;background-size:cover}.contentCreation .TrinityForceContent__box--2{flex:1 0 0;background:url("https://storage-asset.msi.com/frontend/imgs/products/content-creation/image/img-Content-Creation.jpg") no-repeat;background-size:cover}.contentCreation .TrinityForceContent__box--3{flex:1 0 0;background:url("https://storage-asset.msi.com/frontend/imgs/products/content-creation/image/img-Product-design.jpg") bottom center no-repeat;background-size:cover}.contentCreation .TrinityForceContent__box-text{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;width:70%;height:100%;top:0;left:15%;color:#fff;text-align:center;font-size:24px;z-index:2;transition:1s all ease .5s}@media screen and (max-width: 1920px){.contentCreation .TrinityForceContent__box-text{font-size:20px}}@media screen and (max-width: 1536px){.contentCreation .TrinityForceContent__box-text{font-size:18px}}@media screen and (max-width: 1280px){.contentCreation .TrinityForceContent__box-text{font-size:16px}}@media screen and (max-width: 960px){.contentCreation .TrinityForceContent__box-text{position:relative;margin:0 auto;left:auto}}.contentCreation .TrinityForceContent__text-title{color:#fff;transition:1s all ease;font-size:var(--title-xl);padding-bottom:0;font-weight:bold;text-shadow:#666 0 0 10px}@media screen and (max-width: 992px){.contentCreation .TrinityForceContent__text-title{color:#9a8555;padding-bottom:30px}}.contentCreation .TrinityForceContent__text-sup{height:0;overflow:hidden;transition:1s all ease;opacity:0;font-size:var(--text-lg)}@media screen and (max-width: 992px){.contentCreation .TrinityForceContent__text-sup{opacity:1;height:auto}}.contentCreation .certificationSlider{border:15px solid #fff;background:url("https://storage-asset.msi.com/frontend/imgs/products/content-creation/background/bg-cc-ISV.jpg");background-size:cover;position:relative}.contentCreation .certificationSlider__info{position:relative;display:flex}.contentCreation .certificationSlider__info-img{width:55%;position:relative;z-index:5}@media screen and (max-width: 1270px){.contentCreation .certificationSlider__info-img{width:100%}}.contentCreation .certificationSlider__info-img img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1270px){.contentCreation .certificationSlider__info{display:block}}.contentCreation .certificationSlider__info-textbox{width:45%;box-sizing:border-box;padding:20px;justify-content:flex-start;font-size:22px}@media screen and (max-width: 1270px){.contentCreation .certificationSlider__info-textbox{position:static;left:unset;top:unset;width:80%;text-align:center;margin:0 auto}}.contentCreation .certificationSlider__texbox-icon{margin-top:30px;max-width:80px}@media screen and (max-width: 1270px){.contentCreation .certificationSlider__texbox-icon{margin:0 auto}}@media screen and (max-width: 680px){.contentCreation .certificationSlider__texbox-icon{max-width:50px}}.contentCreation .certificationSlider__texbox-icon img{max-width:100%;height:auto;display:block}.contentCreation .certificationSlider__texbox-title{color:#9a8555;font-size:30px;font-size:var(--title-md);font-weight:bold;padding:10px 0}@media screen and (max-width: 1200px){.contentCreation .certificationSlider__texbox-title{padding:0}}@media screen and (max-width: 960px){.contentCreation .certificationSlider__texbox-title{padding:5px 0}}.contentCreation .certificationSlider__texbox-text{line-height:1.3;font-size:var(--note-xl);color:#000}.contentCreation .certificationSlider__outbox{width:100%;background:#ccc;position:relative}@media screen and (max-width: 1270px){.contentCreation .certificationSlider__outbox{position:static;top:0}}@media screen and (max-width: 1270px){.contentCreation .certificationSlider__slider{margin-top:40px}}@media screen and (max-width: 960px){.contentCreation .certificationSlider__slider{background-size:cover;background-repeat:no-repeat}}.contentCreation .certificationSlider__slider-top{width:80%;margin:0 auto;max-width:2200px;position:relative}.contentCreation .certificationSlider__slider-bottom{padding:30px 0;width:80%;margin:0 auto;max-width:2200px;position:relative}.contentCreation .certificationSlider__top{display:block;text-align:center}.contentCreation .certificationSlider__top-item{display:flex;justify-content:center;align-items:center;outline:none;cursor:pointer}@media screen and (max-width: 960px){.contentCreation .certificationSlider__top-item{max-width:100%}}.contentCreation .certificationSlider__top-item.slick-current{border-bottom:2px solid #9a8555}.contentCreation .certificationSlider__top-item img{width:100%;max-width:100px;text-align:center;margin:auto}.contentCreation .certificationSlider__bottom-item{width:100%;display:flex;flex-wrap:wrap;outline:none}.contentCreation .certificationSlider__bottom-item>div{width:calc( 100% / 5 - 10px );display:inline-block;padding:10px 0;margin:0}@media screen and (max-width: 960px){.contentCreation .certificationSlider__bottom-item>div{width:calc( 100% / 2 - 10px);margin:0 calc(10px / 2)}}.contentCreation .certificationSlider__bottom-item>div img{margin:auto;display:block;width:100%;max-width:200px;overflow:hidden}@media screen and (max-width: 1920px){.contentCreation .certificationSlider__bottom-item>div img{max-width:80%}}@media screen and (max-width: 960px){.contentCreation .certificationSlider__bottom-item>div img{max-width:300px}}