.msi__container{width:100%;position:relative;padding:0 25px;margin:0 auto}@media(min-width: 1300px){.msi__container{max-width:1280px;padding:0}}:host,: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: #ea2023;--color-red-400: #e60000;--color-red-500: #c81d22;--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-800)}:host,:root{--MSIBodyFont: -apple-system, BlinkMacSystemFont, "Segoe UI","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){:host,:root{--title-xl: 36px;--title-lg: 26px}}@media(min-width: 1930px){:host,: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}}.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)}}.baseDialog{position:fixed;top:0;left:0;right:0;z-index:702;background-color:#e8e9e3;padding-top:28px;padding-bottom:16px}.baseDialog.warning{background-color:#f3efef}.baseDialog.warning .iconWrapper{color:#f46f74}.baseDialog .dialogBox{display:flex;justify-content:space-between}.baseDialog .dialogBox__context{display:flex;align-items:center}.baseDialog .iconWrapper{border-radius:50%;width:30px;height:30px;text-align:center;background-color:var(--color-white);margin-right:10px;position:relative;color:var(--color-alpha)}.baseDialog .iconWrapper .customIconStyle{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.baseDialog .infoWording{font-size:var(--text-md);color:var(--color-black)}.baseDialog .closeButton{font-size:24px;color:var(--color-gray-300)}.baseDialog .closeButton .customCloseIcon::before{vertical-align:middle}.dialogslide-enter-active{animation:slideIn 1s}.dialogslide-leave-active{animation:slideOut 1.5s}@keyframes slideIn{from{opacity:0;top:-100%}to{opacity:1;top:0}}@keyframes slideOut{from{opacity:1;top:0}to{opacity:0;top:-100%}}.template__card{display:block;transition:transform .3s}.template__card:hover{transform:scale(1.03)}.template__card__img{position:relative;margin:0}@media(min-width: 1300px){.template__card__img{height:260px}}.template__card__img .card__img{width:100%;height:100%;vertical-align:text-top;object-fit:cover;border:1px solid var(--color-gray-300)}.template__card__img .card__type{position:absolute;bottom:0;left:0;padding:8px 12px;background-color:var(--color-gray-200);color:var(--color-gray-800);font-size:var(--note-md)}.template__card__img .card__type:hover{background-color:var(--color-gray-300)}.template__card__img .card__state{position:absolute;right:0;top:0;background:red;color:#fff}.template__card__body{magin:15px 0}.template__card__body .body__top:hover .card__title{text-decoration:underline}.template__card__body .card__title{color:var(--color-gray-800);font-size:var(--title-sm);font-weight:bold}.template__card__body .card__text{color:var(--color-gray-800);font-size:var(--text-sm);margin-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.5;word-break:break-word}.template__card__body .card__date{color:var(--color-gray-600);font-size:var(--text-xs);margin:15px 0}.template__card__body .card__date_rang{display:flex;align-items:center}.template__card__body .dash{color:var(--color-gray-600);font-size:var(--text-xs);margin:0 3px}.template__card__body .card__tag{display:flex;flex-wrap:wrap;margin-top:15px;color:#999}.template__card__body .card__tag .icon-msi-tag{margin-right:5px}.template__card__body .card__tag__info{display:flex;font-size:var(--note-lg);font-family:var(--MSIBodyFont);color:#999}@media(min-width: 1300px){.template__card__body .card__tag__info{font-size:var(--note-xl)}}.template__card__body .card__tag__info .card__tag__btn{color:#999;border-bottom:1px solid transparent}.template__card__body .card__tag__info .card__tag__btn:hover{border-bottom:1px solid #999}.template__card__body .card__tag__info .comma{padding-right:5px}.mb__filter__title{font-size:16px;color:var(--color-black);font-weight:bold;margin:25px 0}.mb__option{font-size:var(--title-sm);color:var(--color-gray-800)}input[type=checkbox]{opacity:1;display:none}.checked__option{display:flex;align-items:center;width:100%;cursor:pointer}.checked__option p{padding:20px 0;color:var(--color-gray-600)}@media(min-width: 1300px){.checked__option p{padding:0}}.checked__icon__container{width:20px;height:20px;display:flex;margin-right:10px;color:var(--color-gray-600);border:1px solid;border-radius:3px}.checked__icon,.checked__icon__all{vertical-align:middle;color:var(--color-white);font-weight:bold;opacity:0}.checkbox:checked+.checked__option .checked__icon__container{background-color:var(--color-gray-600)}.checkbox:checked+.checked__option .checked__icon{opacity:1}.check__mobile--active{opacity:1;background-color:var(--color-gray-600)}.template__mobile__filter{border:1px solid var(--color-gray-300)}.title__area{text-align:center;padding:20px;background-color:var(--color-gray-200);position:sticky;right:0;left:0;top:0;z-index:100}.title__area .title__text{color:var(--color-black);font-size:24px;font-weight:bold}.title__area .clear__tag{color:#fefefe;position:absolute;top:0;bottom:0;right:20px}.title__area .clear__tag .clear__icon{color:var(--color-gray-600);vertical-align:middle;font-size:36px;font-weight:bold}.option__area{padding:0 25px}.confirm__area{display:flex;position:fixed;right:0;left:0;bottom:0;z-index:100}.confirm__area .confirm__button{flex:1 0 0;padding:20px;font-size:var(--link-sm);background-color:var(--color-gray-200);font-weight:bold}.confirm__area .confirm__button:first-child{border-right:1px solid var(--color-gray-300)}.confirm__area .confirm__button .button__text{color:var(--color-black)}.template__news__checkbox{width:275px;position:relative;user-select:none;border-radius:4px;padding:0;margin:0 8px}.template__news__checkbox .checkbox__label{font-size:var(--title-xs);color:var(--color-black)}.template__news__checkbox .checked__item{width:100%;display:flex;justify-content:space-between;cursor:pointer;margin:8px 0;padding:15px 15px 15px 20px;text-align:left;color:var(--color-black);font-family:var(--MSIBodyFont);font-size:var(--title-xs);line-height:16px;outline:none;border:1px solid var(--color-gray-300);border-radius:4px}.template__news__checkbox .dropdown__btn__text{overflow:hidden;white-space:nowrap}.template__news__checkbox .dropdown__btn__icon{margin-left:10px}.template__news__checkbox .dropdown__options__container{width:100%;border:1px solid var(--color-gray-300);border-radius:4px;z-index:99;position:absolute;padding:5px 0;background-color:var(--color-white)}.template__news__checkbox .dropdown__options__cell{display:block;font:var(--title-xs);padding:2px 0 2px 20px}.template__news__checkbox .dropdown__options__cell:hover{background:var(--color-gray-200)}.template__news__checkbox input[type=checkbox]{opacity:1;display:none}.template__news__checkbox .checked__option{width:100%;display:flex;justify-content:space-between;cursor:pointer;align-items:center}.template__news__checkbox .checked__icon,.template__news__checkbox .checked__icon__all{opacity:0;padding:10px}.template__news__checkbox .checkbox:checked+.checked__option .checked__icon{opacity:1}.template__news__checkbox .check--active{opacity:1}.template__news__checkbox .checked__icon,.template__news__checkbox .checked__icon__all,.template__news__checkbox .dropdown__btn__icon{color:var(--color-gray-400);font-weight:bold}.jump-enter-active{animation:jumpIn .3s}.jump-leave-active{animation:jumpOut .3s}@keyframes jumpIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes jumpOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.subscribe{display:flex;justify-content:space-between;margin-top:86px}.subscribe__blog{flex:0 0 64%}.subscribe__bg{padding:50px 0;margin-top:70px;background-color:var(--color-gray-100)}.subscribe__form.normal{flex:0 0 34%;padding:30px 40px;border:var(--color-gray-300) 1px solid;color:var(--color–gray-800);border-radius:4px}.subscribe__form .formWrapper{width:80%;margin:0 auto;text-align:center;color:var(--color–gray-800);max-width:1000px}.subscribe__form .subscribeTitle{font-size:var(--title-lg);color:var(--color-black);text-align:center;font-weight:bold}.subscribe__form .email{display:flex;justify-content:center;flex-wrap:wrap;margin-top:25px}@media(min-width: 768px){.subscribe__form .email{flex-wrap:nowrap}}.subscribe__form .email__address{background-color:#fff;flex:0 0 100%;padding:10px 20px;border-radius:4px;border:var(--color-gray-300) 1px solid;color:var(--color–gray-800);line-height:2;font-size:var(--text-sm)}@media(min-width: 768px){.subscribe__form .email__address{flex:0 0 90%}}.subscribe__form .email input:focus{outline:1px solid var(--color-gray-300)}.subscribe__form .email__button{flex:0 0 100%;margin-top:10px;color:var(--color-gray-800);background-color:var(--color-gray-300);padding:10px 10px;line-height:2;font-size:var(--link-sm);opacity:1;transition:opacity .8s;position:relative;border-radius:4px}@media(min-width: 768px){.subscribe__form .email__button{margin-top:0;flex:0 0 10%;margin-left:10px}}.subscribe__form .email__button.subscribeLoading span{visibility:hidden}.subscribe__form .email__button.subscribeLoading::before{content:"";width:20px;height:20px;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;border-radius:100%;border:5px solid var(--color-gray-300);border-top-color:#adadad;animation:spin 2s infinite linear}.subscribe__form .email__button.disabled{color:var(--color-gray-400);cursor:not-allowed;opacity:.5}.subscribe__form .actionMessage{margin-top:5px;color:var(--color-red-400);text-align:left;position:absolute}.subscribe__form .subscribeArea{text-align:left}.subscribe__form .allowSubscribeArea{margin-top:36px}.subscribe__form .allowSubscribeArea .allowSubscribeTitle{font-size:var(--note-xl);color:var(--color-gray-600);font-weight:normal}.subscribe__form .allowSubscribeArea .allowSubscribeContext{margin-left:20px;margin-top:5px;color:var(--color-gray-400);font-size:var(--note-sm)}.subscribe__form .allowSubscribeArea .allowSubscribeContext a{color:var(--color-gray-400);text-decoration:underline}.subscribe__form .checkItem{display:inline-flex;cursor:pointer}.subscribe__form .checkItem .check{display:none}.subscribe__form .checkItem .point{display:inline-block;width:15px;height:15px;vertical-align:middle;margin-top:2px;margin-right:8px;cursor:pointer;background-color:var(--color-white);position:relative;border-radius:3px;border:1px solid var(--color-gray-600);flex:0 0 15px}.subscribe__form .checkItem .point:hover{background-color:#ccc}.subscribe__form .checkItem .check:checked~.point::before{content:"";display:inline-block;width:15px;height:15px;background-color:#666;position:absolute;top:0;left:-1px;z-index:50;border-radius:3px}.subscribe__form .checkItem .check:checked~.point::after{content:"";display:inline-block;width:8px;height:3px;border:2px solid #fff;border-top:none;border-right:none;position:absolute;top:0;bottom:2px;right:0;left:0;margin:auto;transform:rotate(-45deg);z-index:51}.subscribe__form .subscribeContext{margin-top:25px}@keyframes spin{100%{transform:rotate(360deg)}}#MSIBlog{position:relative}@media(min-width: 1300px){#MSIBlog{margin-top:78px}}#MSIBlog .blogTitle{display:none}@media(min-width: 1300px){#MSIBlog .blogTitle{display:block;text-align:center;color:var(--color-black);font-size:var(--title-xl)}}#MSIBlog .searchArea{display:none;position:relative}@media(min-width: 1300px){#MSIBlog .searchArea{display:flex;justify-content:space-around;margin-top:25px}}#MSIBlog .searchArea .searchItems{display:flex;position:relative}#MSIBlog .searchArea .clear__checkbox__label{visibility:hidden}#MSIBlog .searchArea .clearWrapper{width:120px;position:relative}#MSIBlog .searchArea .search__clear{display:block;margin-top:8px;margin-bottom:8px;margin-left:26px;padding:11px 0 7px 0;font-size:var(--title-xs);color:var(--color-black);font-family:var(--MSIBodyFont)}#MSIBlog .searchArea .search__clear .clear__icon{font-weight:bold;color:var(--color-gray-300);font-size:24px;vertical-align:middle}@media(min-width: 1300px){#MSIBlog .blogList .blogRow{display:flex;margin:0 -15px;flex-wrap:wrap}}#MSIBlog .blogList .blogCol{padding-left:15px;padding-right:15px;flex:0 0 33.3333333333%;margin-top:35px}#MSIBlog .blogList .empty__blog{text-align:center;color:var(--color-gray-800);margin:90px 0;border:1px solid #ececec;padding:45px;border-radius:4px}#MSIBlog .blogPagination{margin-top:80px}#MSIBlog .blogPagination .pagination{margin:0}#MSIBlog .mobile__header{height:70px;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-gray-100);position:sticky;right:0;left:0;top:0;z-index:102}@media(min-width: 1300px){#MSIBlog .mobile__header{display:none}}#MSIBlog .mobile__header .mobile__title{color:var(--color-gray-800);font-size:24px;font-weight:bold;margin:0 25px}#MSIBlog .mobile__header .filter__btn{display:flex;align-items:center;margin:0 25px;font-size:20px;color:var(--color-gray-600);font-family:var(--MSIBodyFont)}#MSIBlog .mobile__header .filter__icon{font-weight:bold;margin-right:10px}#MSIBlog .mobile__filter__container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:700;background-color:#fff;overflow:auto}#MSIBlog .mobile__filter__container::-webkit-scrollbar{display:none}@media(min-width: 1300px){#MSIBlog .mobile__filter__container{display:none}}#MSIBlog .pagination{width:100%;margin-bottom:40px}#MSIBlog .pagination__item{display:flex;justify-content:center}#MSIBlog .pagination__link button{height:100%;width:36px;height:36px;border:var(--color-gray-300) 1px solid;color:var(--color-gray-600);border-radius:3px;margin:0 5px;display:flex;justify-content:center;align-items:center}#MSIBlog .pagination__link button:hover{background:var(--color-gray-200);color:var(--color-gray-800)}#MSIBlog .pagination__link button:disabled{cursor:not-allowed}#MSIBlog .pagination__link button svg{display:none}#MSIBlog .pagination__link--active button{background:var(--color-gray-200);color:var(--color-gray-800)}