.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-800)}: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}}.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}.icon-bar{display:flex;background-color:var(--color-gray-300)}@media(min-width: 1200px){.icon-bar{display:block;position:fixed;top:40%;border-radius:4px}}.icon-bar .icon-c{text-align:center;margin:20px 10px;flex:1 0 0;display:block;cursor:pointer}.icon-bar .share__icon{font-size:30px}.icon-bar .share__icon:hover{color:var(--color-white)}.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%}}.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)}}.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)}}#blogDetail{background-color:var(--color-gray-100)}#blogDetail .subscribe__bg{margin:0}#blogDetail .content__top{padding-top:36px;padding-bottom:32px}#blogDetail .content__top .back__btn{color:var(--color-gray-300);display:inline-flex;align-items:center;border-bottom:1px solid transparent}#blogDetail .content__top .back__btn:hover{border-bottom:1px solid var(--color-gray-300)}#blogDetail .content__top .back__icon{display:block;margin-right:10px;font-weight:bold}#blogDetail .content__top .back__text{color:var(--color-gray-600)}#blogDetail .content{padding-top:25px}@media(min-width: 1200px){#blogDetail .content{background:var(--color-white);max-width:1280px;margin:0 auto;padding:60px 250px}}#blogDetail .content__type{line-height:1.6;font-size:var(--text-md)}#blogDetail .content__type .contentLink{padding:10px;background-color:var(--color-gray-200);color:var(--color-gray-800);text-decoration:none;display:inline-block;font-size:var(--note-md)}#blogDetail .content__title{margin-top:15px;font-size:var(--title-xl);font-weight:bold}#blogDetail .content__author{margin-top:15px;color:var(--color-gray-600)}#blogDetail .content__author span{font-size:var(--text-xs)}#blogDetail .content__author span+span{margin-left:10px}#blogDetail .content .blog__tag{display:flex;align-items:center;margin-top:15px}#blogDetail .content .blog__tag .tag__icon{color:#999;margin-right:5px;font-size:20px}#blogDetail .content .blog__tag .tag{display:flex;flex-wrap:wrap}#blogDetail .content .blog__tag .tag__text{display:flex;color:#999;font-size:14px;margin-right:3px}#blogDetail .content__bottom{margin-top:27px;text-align:center}@media(min-width: 1200px){#blogDetail .content__bottom{text-align:end}}#blogDetail .content__bottom .top__btn{padding:15px 40px;border-radius:4px;background:var(--color-gray-200);color:var(--color-gray-600)}#blogDetail .content__bottom .top__btn:hover{background:var(--color-gray-300);color:var(--color-white)}#blogDetail .content__bottom .top__icon{display:block;font-weight:bold}#blogDetail .blogListArea{background-color:var(--color-white);padding-top:80px;padding-bottom:112px;margin-top:55px}#blogDetail .blogListArea .blogListArea__title{font-size:var(--title-xl);color:var(--color-black);text-align:center;margin-bottom:10px}@media(min-width: 1300px){#blogDetail .blogListArea .blogRow{display:flex;margin:0 -15px;flex-wrap:wrap}}#blogDetail .blogListArea .blogCol{padding-left:15px;padding-right:15px;flex:0 0 33.3333333333%;margin-top:35px}#blogDetail .blogListArea .empty__blog{text-align:center;color:var(--color-gray-800);margin:90px 0;border:1px solid #ececec;padding:45px;border-radius:4px}#blogDetail .article-Content{display:block;width:100%;height:auto;margin-top:3%;font-size:var(--text-lg);line-height:1.66667;margin-bottom:50px}#blogDetail .article-Content h2{font-size:var(--title-lg);font-weight:bold;padding:10px 0}#blogDetail .article-Content h3{font-size:var(--title-md);font-weight:bold}#blogDetail .article-Content p{font-size:var(--text-lg);line-height:1.66667;margin-bottom:50px}#blogDetail .article-Content a{text-decoration:underline;color:var(--color-gray-600)}#blogDetail .article-Content a:hover{text-decoration:none}#blogDetail .article-Content img{margin-top:20px;width:100%;margin-bottom:20px}#blogDetail .article-Content ul{display:block}#blogDetail .article-Content ul li{font-size:var(--text-md);line-height:1.7}@media(min-width: 960px){#blogDetail .article-Content .card{display:flex}}@media(min-width: 960px){#blogDetail .article-Content .card__body{flex:2 0 0}}#blogDetail .article-Content .card__body .title span{border-bottom:1px solid #000}#blogDetail .article-Content .card__body .content{margin:0;padding:0}#blogDetail .article-Content .card__body--left{order:-1}@media(min-width: 960px){#blogDetail .article-Content .card__img{flex:1 0 0}}#blogDetail .article-Content .card__img img{margin:0;width:100%}#blogDetail .article-Content .text-center{text-align:center}