.common__container{position:relative;padding:0 15px;margin:0 auto}@media (min-width: 1921px){.common__container{width:1440px}}@media (max-width: 1920px) and (min-width: 1300px){.common__container{width:1270px}}@media (max-width: 1299px) and (min-width: 992px){.common__container{width:990px}}@media (max-width: 991px) and (min-width: 768px){.common__container{width:750px}}@media (max-width: 767px){.common__container{width:100%}}.common__container .img--full{width:100%}.loading{background-color:#fff;position:absolute;right:0;left:0;height:3000px;z-index:999}.circle{width:80px;height:80px;position:absolute;top:10%;bottom:75%;right:0;left:0;margin:auto;border-radius:100%;border:10px solid #D0D0D0;border-top-color:#ADADAD;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#MSIBlog{position:relative}#singleBlog{position:relative}#MSISearchBlog{position:relative}.blog{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.blog__title{font-size:32.5px;font-weight:bold;color:#222;position:relative}.blog__title:hover::after{content:"";height:3px;background-color:red;position:absolute;right:0;left:0;bottom:0}.blog .category{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.blog .category__item{-webkit-box-flex:0;-ms-flex:0 0 49%;flex:0 0 49%}@media (max-width: 1200px){.blog .category__item{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}}.blog .category .select{width:100%;padding:15px;font-size:16px;color:#666;border:#ccc 1px solid;position:relative}.blog .category .dropDownArrow{position:relative}.blog .category .dropDownArrow::after{content:"";width:20px;height:20px;background-color:#ccc;-webkit-clip-path:polygon(10% 0, 50% 50%, 90% 0);clip-path:polygon(10% 0, 50% 50%, 90% 0);position:absolute;top:15%;bottom:0;right:15px;margin:auto}.searchResult{margin-top:20px;font-size:26px;font-weight:500}.searchResult span{color:#FF0000}.baseSearch{border:#ccc 1px solid;font-size:16px;color:#666;padding:15px;width:100%}.search--pc{display:none}@media (min-width: 1200px){.search--pc{display:block}}.search--mobile{margin-top:20px}@media (min-width: 1200px){.search--mobile{display:none}}.subscribe{display:none}@media (min-width: 1200px){.subscribe{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:53px}}.subscribe__blog{-webkit-box-flex:0;-ms-flex:0 0 64%;flex:0 0 64%}.subscribe__bg{padding:50px 0;margin-top:40px;background:url(https://storage-asset.msi.com/global/picture/image/blogs-2019/subscribe-bg.jpg) no-repeat top center;background-size:cover}.subscribe__form.normal{-webkit-box-flex:0;-ms-flex:0 0 34%;flex:0 0 34%;padding:30px 40px;border:1px solid #999;color:#222}.subscribe__form .footer{width:50%;margin:0 auto;text-align:center;color:#fff}.subscribe__form .title{font-size:28px;text-align:center}.subscribe__form .email{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:10px}.subscribe__form .email__address{background-color:#FFF;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:10px 10px;border-radius:5px;border:1px solid #999;color:#414141;line-height:2;font-size:16px}.subscribe__form .email__button{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin-top:10px;color:#fff;background-color:#373737;padding:10px 10px;-webkit-transition:0.35s background-color ease-in 0s;transition:0.35s background-color ease-in 0s}@media (min-width: 768px){.subscribe__form .email__button{margin-top:0;-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%}}.subscribe__form .email__button:hover{background-color:#000}.subscribe__form .email__button.disabled{color:#f7f5f6;background-color:#ccc}.subscribe__form .errorMessage{margin-top:5px;color:red}.subscribe__form .notice{font-size:16px;line-height:18px;margin-top:10px;display:inline-block;text-align:center}.subscribe__form .button{width:100%;border:1px solid #444444;color:#222;padding:10px 15px;font-size:20px;margin-top:15px}.subscribe__form .button:hover{background-color:#ccc}.subscribe__form .button.disabled{color:#f7f5f6;background-color:#ccc}.subscribe__form .checkList{margin-top:18px}.subscribe__form .checkList .title{font-size:18px;text-align:left;font-weight:500;margin-bottom:5px}.subscribe__form .checkList .item{margin-bottom:12px}.subscribe__form .checkList .item .check{display:none}.subscribe__form .checkList .item .checkMark{display:inline-block;width:25px;height:25px;vertical-align:middle;margin-right:5px;background-color:#eee;position:relative}.subscribe__form .checkList .item .checkMark:hover{background-color:#ccc}.subscribe__form .checkList .item .check:checked ~ .checkMark::before{content:"";display:inline-block;width:25px;height:25px;background-color:#666666;position:absolute;top:0;left:0;z-index:50}.subscribe__form .checkList .item .check:checked ~ .checkMark::after{content:"";display:inline-block;width:13px;height:6px;border:3px solid white;border-top:none;border-right:none;position:absolute;top:0;bottom:2px;right:0;left:0;margin:auto;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:51}.subscribe__form .checkList .item .itemName{cursor:pointer}.subscribe__form .bottomStyle{margin-top:25px}.subscribe__form .bottomInput{border-radius:0}@media (min-width: 768px){.subscribe__form .bottomInput{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%}}.subscribe .card{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-transition:all .3s;transition:all .3s}.subscribe .card:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.subscribe .card__img{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;position:relative}.subscribe .card__img .link{display:block;height:100%}.subscribe .card__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.subscribe .card__img .tag{line-height:16px;font-size:13px;position:absolute;z-index:55;left:0;bottom:5px}.subscribe .card__img .tag a{padding:5px;background-color:#FF0000;color:#FFF}.subscribe .card__img .tag a:hover{background:#FFF;color:#FF0000}.subscribe .card__text{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;padding:20px 30px;background-color:#242424;position:relative}.subscribe .card__text .link{font-size:24px;color:#fff;font-weight:800;line-height:1.5;font-family:'DINPro-Regular', sans-serif, 'cwTeXHei', 'Microsoft JhengHei'}.subscribe .card__text .link:hover{color:#FF0000}.subscribe .card__text .description{margin-bottom:20px;color:#999;font-size:16px;line-height:1.5}.subscribe .card__text .date{color:#999;font-size:14px;position:absolute;bottom:20px}.article{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 1200px){.article{margin:30px -15px 0}}.article__card{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin-top:20px}@media (min-width: 1200px){.article__card{padding:0 15px;-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%}}.article__card:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.article__card .img{position:relative}.article__card .img .link{display:block}.article__card .img img{width:100%;vertical-align:middle}.article__card .img .tag{line-height:16px;font-size:13px;position:absolute;z-index:55;left:0;bottom:5px}.article__card .img .tag a{padding:5px;background-color:#FF0000;color:#FFF}.article__card .img .tag a:hover{background:#FFF;color:#FF0000}.article__card .text{padding:20px 10px;position:relative}.article__card .text .link{display:inline-block;margin-top:10px;font-size:20px;line-height:1.4;color:#000;font-weight:800;font-family:'DINPro-Regular', sans-serif, 'cwTeXHei', 'Microsoft JhengHei'}.article__card .text .link:hover{color:#FF0000}.article__card .text .description{margin-top:10px;color:#222;font-size:16px;line-height:1.5}.article__card .text .date{color:#222;font-size:14px}.icon-bar{display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 1200px){.icon-bar{display:block;position:fixed;top:40%}}.icon-bar .icon-c{text-align:center;padding:8px;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;display:block;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;font-size:20px;background-color:#494848;cursor:pointer}.icon-bar .icon-c:hover{background-color:#353535}.icon-bar .icon-c:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}.icon-bar .icon-c img{width:35px;height:35px;vertical-align:middle}.pagination{width:100%;margin-bottom:40px}.pagination__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination__link button{height:100%;padding:5px 15px;background:#fff;border:1px solid #F7F5F6;border-radius:5px;margin:0 5px}.pagination__link button:hover{background:#F7F5F6}.pagination__link button:disabled{cursor:not-allowed}.pagination__link button svg{height:100%}.pagination__link:first-child button,.pagination__link:last-child button,.pagination__link--active button{background:#F7F5F6}.content{margin-top:25px}.content__tag{line-height:1.6;font-size:18px}.content__tag a{padding:5px;background-color:#FF0000;color:#FFF;text-decoration:none;display:inline-block}.content__title{margin-top:25px;font-size:38px;font-weight:800;font-family:'DINPro-Regular', sans-serif, 'cwTeXHei', 'Microsoft JhengHei'}.content__author{margin-top:25px}.content__author span{font-size:16px}.content__author span+span{margin-left:10px}.article-Content{display:block;width:100%;height:auto;margin-top:3%;font-size:16px;line-height:1.66667;font-weight:300;margin-bottom:50px}.article-Content h2{font-size:28px;color:#FF0000;font-weight:800}.article-Content h3{font-size:25px;font-weight:500}.article-Content p{font-size:16px;line-height:1.66667;font-weight:300;margin-bottom:50px}.article-Content img{margin-top:20px;width:100%;margin-bottom:20px}.article-Content ul{display:block}.article-Content ul li{font-size:16px;line-height:1.7;font-weight:300}@media (min-width: 960px){.article-Content .card{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width: 960px){.article-Content .card__body{-webkit-box-flex:2;-ms-flex:2 0 0px;flex:2 0 0}}.article-Content .card__body .title span{border-bottom:1px solid black}.article-Content .card__body .content{margin:0}.article-Content .card__body--left{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}@media (min-width: 960px){.article-Content .card__img{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}}.article-Content .card__img img{margin:0;width:100%}.article-Content .text-center{text-align:center}
/*# sourceMappingURL=msiBlog.min.css.map */