#msiHeader .msiNav .nav__operations .operationSubLogo .subLink__img,#msiHeader .msiNav .nav__main .homeLink__logo img,.memberCards__profile .avatar__img,.ODMIntro .service__product .serviceLink .linkImgBox__img,.ODMIntro .service__product .serviceLink__img,.ODMIntro .service__intro .introImgBox__img,.productIntro .introArea__info .introImgBox__link .introImg{width:100%;vertical-align:middle}#msiHeader .msiNav .nav__main .menuAction__item.menuAction__item--active:before,#msiHeader .msiNav .nav__main .menuAction__item:hover:before{width:100%;height:3px}.searchContainer .closeSearch__icon,.searchContainer .searchButton__icon{color:#868787;font-size:14px}.msiNav__container{width:100%;position:relative;padding:0 25px;margin:0 auto}@media(min-width: 1300px){.msiNav__container{max-width:1270px}}@media(min-width: 1921px){.msiNav__container{max-width:1440px}}.navLoading::after,.navLoading__circle,.navLoading::before{width:8px;height:8px;border-radius:50%;background-color:#adadad}.navLoading{position:absolute;top:0;left:0;right:0;bottom:0;z-index:999;background-color:#fff;display:flex;justify-content:center;align-items:center}.navLoading::before{content:"";display:block;animation:circleScale 1.25s ease infinite}.navLoading__circle{animation:circleScale 1.25s .5s ease infinite;margin-left:10px}.navLoading::after{content:"";display:block;animation:circleScale 1.25s 1s ease infinite;margin-left:10px}@keyframes circleScale{0%{transform:scale(1)}50%{transform:scale(1.3);box-shadow:0 5px 10px #bebcbc30,0 3px 3px #8580803b}100%{transform:scale(1)}}.fade-enter-active{animation:fadeIn .5s}.fade-leave-active{animation:fadeOut .5s}.fadeFaster-enter-active{animation:fadeIn .2s}.fadeFaster-leave-active{animation:fadeOut .2s}.navDrop-enter-active{animation:navDrop 1s}.navDrop-leave-active{animation:navCollapse .5s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes navDrop{0%{opacity:0;max-height:0}50%{max-height:1000px}100%{opacity:1}}@keyframes navCollapse{from{opacity:1;max-height:1000px}to{opacity:0;max-height:0}}.arrowButton{display:flex;width:100%;justify-content:space-between;align-items:center;padding:10px 10px 10px 0;color:#868787;font-weight:bold}.arrowButton__icon{font-size:12px}.arrowButton:hover{color:#222}.dropDownMenu{position:absolute;top:100%;right:0;left:0;z-index:500;color:#222;box-shadow:0px 4px 0px -1px #eee;background-color:#fff}.productIntro .introArea__info .introSubTitle,.productIntro .introArea__info .introTitle,.productIntro .linkArea__item .itemLink{font-size:14px}@media(min-width: 2560px){.productIntro .introArea__info .introSubTitle,.productIntro .introArea__info .introTitle,.productIntro .linkArea__item .itemLink{font-size:16px}}.productIntro__content{display:flex}.productIntro__content .product--col{flex:1 0 0;padding-bottom:30px}.productIntro__content .product--col:nth-child(n+2){margin-left:28px}.productIntro__content .product--col:nth-child(-n+3){box-shadow:3px 0 0px -1px #eee}.productIntro__productGroup{background-color:#eee}.productIntro .topic__title{margin:15px 0;color:#888;padding:5px 0}.productIntro .topic__title.transparent{color:transparent}.productIntro .topic__item{margin-top:5px}.productIntro .topic__item:hover,.productIntro .topic__item--active{color:#222;box-shadow:-3px 0 0px -1px inset #222}.productIntro .topic__item:hover .arrowButton,.productIntro .topic__item--active .arrowButton{color:#222}.productIntro .topic__item .topicLink{display:inline-block;padding:10px 10px 10px 0;color:#868787;font-weight:bold}.productIntro .topic__item .topicLink:hover{color:#222}.productIntro .topic__item .arrowButton{text-align:left}.productIntro .linkArea__title{margin:15px 0;color:#888;font-size:12px;padding:5px 0;text-transform:uppercase}.productIntro .linkArea__item{padding:5.5px 0}.productIntro .linkArea__item .itemLink{padding:1px 0;position:relative;display:inline-block;color:#222}.productIntro .linkArea__item .itemLink:hover::before{content:"";position:absolute;right:0;left:0;bottom:0;height:1px;background-color:#888}.productIntro .linkArea__item .itemLink__subTitle{margin-left:10px;color:#fff;display:flex;align-items:center;position:absolute;top:0;left:100%;width:300px;z-index:1}.productIntro .linkArea__item .itemLink__subTitle::before{content:"";display:block;width:0;height:0;border:solid;border-width:2.5px 5px 2.5px 0;border-color:transparent #888 transparent transparent}.productIntro .linkArea__item .itemLink__subTitle .description{padding:2px 10px;background-color:#888;border-radius:2px;font-size:13px}.productIntro .introArea{text-align:center}.productIntro .introArea__label{color:#fff;background-color:#222;border-radius:3px;width:15%;margin:15px auto;padding:5px 0;font-size:12px;text-align:center;text-transform:uppercase}.productIntro .introArea__label--active{background-color:#fff}.productIntro .introArea__label--active .text{color:transparent}.productIntro .introArea__info .introImgBox{width:80%;margin:0 auto}.productIntro .introArea__info .introImgBox__link{display:block}.productIntro .introArea__info .introTitle{color:#666;margin-top:15px;font-weight:bold}.productIntro .introArea__info .introSubTitle{margin-top:5px;color:#868787}.productIntro .introArea__more{width:50%;margin:0 auto}.productIntro .introArea__more .moreLink{display:inline-block;position:relative;padding:5px 0;color:#868787;box-shadow:0 -1px 0px 0px inset #cecece}.productIntro .introArea__more .moreLink:hover{box-shadow:unset}.productIntro .introArea__more .moreLink__icon{font-size:12px}.productIntro .introArea__more .moreLink__text{font-size:13px}@media(min-width: 2560px){.productIntro .introArea__more .moreLink__text{font-size:14px}}.productIntro .introArea__gradient{max-width:240px;margin:30px auto 0}.productIntro .introArea__gradient .gradientLink{display:block;position:relative;padding:2px;z-index:10}.productIntro .introArea__gradient .gradientLink::before{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;z-index:-1;background:linear-gradient(60deg, #5f86f2, #a65ff2, #f25fd0, #f25f61, #f2cb5f, #abf25f, #5ff281, #5ff2f0);background-size:250%;animation:move 3s both infinite linear}.productIntro .introArea__gradient .gradientLink:hover::before{background:#bfbfbf;background-size:unset}.productIntro .introArea__gradient .gradientLink__text{padding:10px;text-align:center;color:#222;background-color:#fff}.productIntro .introArea__gradient .gradientLink__text:hover{color:#fff;background-color:#bfbfbf}.productIntro .introArea__featureLink{max-width:240px;margin:30px auto 0;text-align:center}.productIntro .introArea__featureLink .featureLink{color:#222}@keyframes move{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}.msiNavProductLine__operations .productLineItem.productLineItem--active:before{width:100%;height:3px}.msiNavProductLine{width:80%;margin:0 auto}.msiNavProductLine__operations{display:flex;align-items:center;justify-content:center}.msiNavProductLine__operations .productLineItem{padding:15px 0;max-width:120px;margin:0 30px;display:flex;align-items:center;flex-direction:column;color:#666;position:relative}.msiNavProductLine__operations .productLineItem:hover{color:#222}.msiNavProductLine__operations .productLineItem:before{content:"";width:0;position:absolute;bottom:0;right:0;left:0;margin:0 auto;background-color:#888;transition:width .3s}.msiNavProductLine__operations .productLineItem.productLineItem--active{color:#222}.msiNavProductLine__operations .productLineItem__icon{font-size:3rem}@media(min-width: 2560px){.msiNavProductLine__operations .productLineItem__icon{font-size:3.3rem}}.msiNavProductLine__operations .productLineItem__title{font-weight:bold;font-size:14px}@media(min-width: 2560px){.msiNavProductLine__operations .productLineItem__title{font-size:16px}}.ODMIntro__content{display:flex}.ODMIntro__content .ODM--col{flex:3 0 0;padding-bottom:30px}.ODMIntro__content .ODM--col:first-child{flex:2 0 0;box-shadow:3px 0 0px -1px #eee}@media(min-width: 1400px){.ODMIntro__content .ODM--col:first-child{flex:1 0 0}}.ODMIntro .topic__title{margin:20px 0;color:#888}.ODMIntro .topic__title.transparent{color:transparent}.ODMIntro .topic__item{margin-top:5px}.ODMIntro .topic__item:hover,.ODMIntro .topic__item--active{color:#222;box-shadow:-3px 0 0px -1px inset #222}.ODMIntro .topic__item:hover .arrowButton,.ODMIntro .topic__item--active .arrowButton{color:#222}.ODMIntro .topic__item .arrowButton{text-align:left}.ODMIntro .service{display:flex;justify-content:space-between;margin-left:58px}.ODMIntro .service__intro{margin-top:20px;flex:0 0 70%}.ODMIntro .service__intro .introImgBox{max-width:525px}.ODMIntro .service__intro .title{font-size:16px;color:#222;margin-top:14px}.ODMIntro .service__intro .text{font-size:14px;color:#868787;margin-top:8px}.ODMIntro .service__intro .moreLink{display:inline-block;margin-top:15px;padding:5px 0;color:#868787;box-shadow:0 -1px 0px 0px inset #cecece}.ODMIntro .service__intro .moreLink:hover{box-shadow:unset}.ODMIntro .service__intro .moreLink__icon{font-size:12px;margin-left:6px}.ODMIntro .service__intro .moreLink__text{font-size:14px}.ODMIntro .service__product{margin-top:20px;flex:0 0 30%}.ODMIntro .service__product .serviceLink{display:inline-block;color:#868787}.ODMIntro .service__product .serviceLink:nth-child(n+1){margin-top:15px}.ODMIntro .service__product .serviceLink:hover{color:#222}.ODMIntro .service__product .serviceLink .linkImgBox{width:80%;text-align:center}.ODMIntro .service__product .serviceLink .linkImgBox .text{font-size:14px}.whatNew__content{display:flex}.whatNew__content .whatNew--col{flex:3 0 0;padding-bottom:30px}.whatNew__content .whatNew--col:first-child{flex:1 0 0;box-shadow:3px 0 0px -1px #eee}.whatNew__content .topic__title{margin:30px 0 15px;color:#888}.whatNew__content .topic__title.transparent{color:transparent}.whatNew__content .topic__item{margin-top:5px}.whatNew__content .topic__item:hover,.whatNew__content .topic__item--active{box-shadow:-3px 0 0px -1px inset #222}.whatNew__content .topic__item:hover .arrowButton,.whatNew__content .topic__item--active .arrowButton{color:#222}.whatNew__content .topic__item .arrowButton{text-align:left}.whatNew__content .newsInfo{display:flex;justify-content:space-between;margin-left:30px}@media(min-width: 1400px){.whatNew__content .newsInfo{margin-left:58px}}.whatNew__content .newsInfo__intro{flex:0 0 55%}@media(min-width: 1400px){.whatNew__content .newsInfo__intro{flex:0 0 60%}}.whatNew__content .newsInfo__intro__title{color:#888;text-transform:uppercase;font-size:12px;font-weight:normal;margin:30px 0 15px}.whatNew__content .newsInfo__intro__title.transparent{color:transparent}.whatNew__content .newsInfo__intro__list__item{display:flex;align-items:center;color:#868787}.whatNew__content .newsInfo__intro__list__item::before{content:"-";display:block;margin-right:5px}.whatNew__content .newsInfo__intro__list__item .link{font-size:14px;color:#868787;display:inline-block;padding:5px 0}.whatNew__content .newsInfo__intro__list__item .link:hover{color:#222}.whatNew__content .newsInfo__intro .moreLink{display:inline-block;padding:5px 0;margin-top:15px;color:#868787;box-shadow:0 -1px 0px 0px inset #cecece}.whatNew__content .newsInfo__intro .moreLink:hover{box-shadow:unset}.whatNew__content .newsInfo__intro .moreLink__icon{font-size:12px;margin-left:6px}.whatNew__content .newsInfo__intro .moreLink__text{font-size:14px}.whatNew__content .newsInfo__img{flex:0 0 40%}@media(min-width: 1400px){.whatNew__content .newsInfo__img{flex:0 0 35%}}.whatNew__content .newsInfo__img .transparent{margin:20px 0;color:transparent}.whatNew__content .newsInfo__img .imgBox{text-align:center}.whatNew__content .newsInfo__img .imgBox__img{width:100%;vertical-align:middle}.defaultNav__row{display:flex;margin:0 -15px;flex-wrap:wrap}.defaultNav__col{padding-left:15px;padding-right:15px;flex:0 0 25%}.defaultNav__col .customLink{padding:20px 0}.defaultNav__col .customLink__item{display:inline-block;position:relative;color:#868787;padding:1px 0}.defaultNav__col .customLink__item:before{content:"";position:absolute;width:0;bottom:0;background-color:#222;transition:width .3s}.defaultNav__col .customLink__item:hover{color:#222}.defaultNav__col .customLink__item:hover:before{width:100%;height:1px}.defaultNav__col .customLink__item .linkIcon{font-size:12px;margin-left:10px}.searchForm{padding:36px}.searchContainer{width:85%;margin:0 auto;position:relative}.searchContainer .searchButton{position:absolute;top:0;bottom:0;left:10px}.searchContainer .searchButton__icon:hover{color:#222}.searchContainer .closeSearch{position:absolute;top:0;bottom:0;right:10px}.searchContainer .closeSearch__icon:hover{color:#222}.searchContainer .searchText{width:100%;padding:10px 30px;border:1px solid #cecece;font-size:16px}.searchContainer .searchText::placeholder{font-size:16px}.searchContainer .searchText:focus{outline:none}.searchContainer .quickLink{position:absolute;top:100%;right:0;left:0;max-height:300px;overflow:auto;background-color:#fff;border-right:1px solid #cecece;border-left:1px solid #cecece;border-bottom:1px solid #cecece;padding:10px 15px}.searchContainer .quickLink__item{padding:10px 15px;cursor:pointer}.searchContainer .quickLink__item:hover{background-color:#292929AD;color:#fff}.memberCards{background-color:#fff;width:200px;position:absolute;top:100%;right:0%;padding:20px 16px;z-index:501;text-align:center;border:2px solid #cecece}.memberCards__profile .avatar{border-radius:50%;overflow:hidden}.memberCards__profile .user{margin-top:10px}.memberCards__profile .mail{color:#888;font-size:14px}.memberCards__center{margin-top:20px;font-size:14px}.memberCards__center .centerLink{color:#222;display:block;padding:6px 14px;background-color:#cecece}.memberCards__center .centerLink:hover{color:#fff;background-color:#868787}.memberCards__logout{color:#888;font-size:14px;margin-top:10px;position:relative;padding:1px}.memberCards__logout:hover::before{content:"";position:absolute;right:0;left:0;bottom:0;height:1px;background-color:#cecece}.mobileMenu{background-color:#fff;position:absolute;top:100%;left:0;right:0;height:100vh;z-index:500;color:#222;padding:34px 0;overflow:auto;scrollbar-width:none}.mobileMenu::-webkit-scrollbar{display:none}.mobileMenu__item .action{width:100%;padding:7px 0;display:flex;justify-content:space-between;align-items:center;color:#222}.mobileMenu__item .action__title{font-weight:bold}.mobileMenu__item .action__arrowIcon{font-size:12px}.mobileMenu__item .dropContent{background-color:#eee}.mobileMenu__item .dropContent .action{padding:10px 0;color:#666}.mobileMenu__item .dropContent .action__context .title{vertical-align:middle;margin-left:5px}.mobileMenu__item .dropContent .action__context .icon{font-size:30px;vertical-align:middle}.commonSub{background-color:#fff;position:absolute;top:0;left:0;right:0;height:calc(100vh - 80px);z-index:501;color:#222;padding:34px 0;overflow:auto;scrollbar-width:none}.commonSub::-webkit-scrollbar{display:none}.subProduct{font-weight:bold;vertical-align:middle}.subProduct__action{color:#222;padding:10px 0}.subProduct__action .subProductIcon{font-size:12px;vertical-align:middle}.subProduct__action .subProductTitle{margin-left:10px}.subProductLine{background-color:#eee}.subProductLine .productList{display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:#666}.subProductLine .productList__item .title{vertical-align:middle;margin-left:10px}.subProductLine .productList__item .icon{vertical-align:middle;font-size:30px}.subProductLine .productList__icon{font-size:12px;transform:rotate(90deg)}.subProductTopic .topicItem{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 40px;color:#666}.subProductTopic .topicItem__icon{font-size:12px;transform:rotate(0);transition:transform .5s}.subProductTopic .topicItem__icon--active{transform:rotate(90deg)}.subProductTopic .topicLink{border-top:2px solid #eee;border-bottom:2px solid #eee}.subProductTopic .topicLink .list{padding:20px 40px}.subProductTopic .topicLink .list__item:nth-child(n+2){margin-top:50px}.subProductTopic .topicLink .list__item .link{padding:10px 0;display:inline-block;color:#222}.subProductTopic .topicLink .list__item .title{font-size:14px;font-weight:normal;color:#868787;margin-bottom:6px}.mobileSub .action{color:#222;padding:10px 0}.mobileSub .action__icon{font-size:12px;vertical-align:middle}.mobileSub .action__title{margin-left:15px;font-weight:bold;vertical-align:middle}.mobileSub__content{border-top:1px solid #eee}.mobileSub__content .topic{padding:0 25px;margin-top:10px}.mobileSub__content .topic__link{color:#666;display:inline-block;width:50%;padding:10px 0}#msiHeader .msiNav .nav__operations .operationSubLogo .subLink__img,#msiHeader .msiNav .nav__main .homeLink__logo img,.productIntro .introArea__info .introImgBox__link .introImg,.ODMIntro .service__intro .introImgBox__img,.ODMIntro .service__product .serviceLink__img,.ODMIntro .service__product .serviceLink .linkImgBox__img,.memberCards__profile .avatar__img{width:100%;vertical-align:middle}#msiHeader .msiNav .nav__main .menuAction__item.menuAction__item--active:before,#msiHeader .msiNav .nav__main .menuAction__item:hover:before{width:100%;height:3px}.hiddenFlow{overflow:hidden}#msiHeader{position:relative}#msiHeader *{font-family:"Segoe UI",sans-serif,"cwTeXHei","Microsoft JhengHei"}#msiHeader .msiNav{position:relative;box-shadow:0px -4px 0px -1px inset #eee;background-color:#fff}#msiHeader .msiNav .nav{display:flex;justify-content:space-between;align-items:center}#msiHeader .msiNav .nav__hamburger{padding:10px 16px}@media(min-width: 1200px){#msiHeader .msiNav .nav__hamburger{display:none}}#msiHeader .msiNav .nav__hamburger .customClose{display:none}#msiHeader .msiNav .nav__hamburger .showClose{display:inline}#msiHeader .msiNav .nav__main{display:flex;align-items:center;font-size:16px}#msiHeader .msiNav .nav__main .homeLink{display:inline-block}#msiHeader .msiNav .nav__main .homeLink__logo{display:block}#msiHeader .msiNav .nav__main .menuAction{display:none}@media(min-width: 1200px){#msiHeader .msiNav .nav__main .menuAction{display:flex;align-items:center;margin-left:50px}}#msiHeader .msiNav .nav__main .menuAction__item{position:relative}#msiHeader .msiNav .nav__main .menuAction__item:before{content:"";width:0;position:absolute;bottom:0;right:0;left:0;margin:0 auto;background-color:#222;transition:width .3s}#msiHeader .msiNav .nav__main .menuAction__item:nth-child(n+2){margin-left:45px}#msiHeader .msiNav .nav__main .menuAction__item.menuAction__item--active .navDrop{color:#222}#msiHeader .msiNav .nav__main .menuAction__item .navLink,#msiHeader .msiNav .nav__main .menuAction__item .navDrop{color:#666;font-weight:bold;text-transform:uppercase;text-decoration:none;display:inline-block;padding:30px 0}#msiHeader .msiNav .nav__main .menuAction__item .navLink:hover,#msiHeader .msiNav .nav__main .menuAction__item .navDrop:hover{color:#222}#msiHeader .msiNav .nav__operations{position:relative;display:flex;align-items:center;font-size:20px;padding:25px 0}#msiHeader .msiNav .nav__operations .operationAction:nth-child(n+2){margin-left:5px}#msiHeader .msiNav .nav__operations .operationAction .opDrop,#msiHeader .msiNav .nav__operations .operationAction .opLink{display:inline-block;padding:0 6px;color:#666}#msiHeader .msiNav .nav__operations .operationAction .opDrop:hover,#msiHeader .msiNav .nav__operations .operationAction .opLink:hover{color:#222}@media(min-width: 1200px){#msiHeader .msiNav .nav__operations .operationAction .opDrop,#msiHeader .msiNav .nav__operations .operationAction .opLink{padding:0 8px}}#msiHeader .msiNav .nav__operations .operationAction.actionCustom{display:none}@media(min-width: 1200px){#msiHeader .msiNav .nav__operations .operationAction.actionCustom{display:block}}#msiHeader .msiNav .nav__operations .operationSubLogo{display:none}@media(min-width: 1200px){#msiHeader .msiNav .nav__operations .operationSubLogo{display:block;margin-left:20px}}#msiHeader .msiNav .nav__operations .operationSubLogo .subLink{display:block}