.contentCreation{font-family:"Century Gothic", "cwTeXHei", "Microsoft JhengHei";color:#fff}.contentCreation a{color:#666}.contentCreation picture{display:block;line-height:0}.contentCreation figure{text-align:center}.contentCreation img{-o-object-fit:cover;object-fit:cover}.contentCreation fieldset{border:unset}.contentCreation h2{font-size:36px;font-weight:normal;color:#c79e61}.contentCreation h3{font-size:28px;font-weight:normal}.contentCreation p{font-size:18px;line-height:1.6}@media screen and (max-width: 992px){.contentCreation h2{font-size:32px}.contentCreation h3{font-size:24px}.contentCreation p{line-height:1.4}}.contentCreation .carousel{position:relative}.contentCreation .carousel .swiper-button-prev,.contentCreation .carousel .swiper-button-next{color:#868686}@media screen and (max-width: 992px){.contentCreation .carousel .swiper-button-prev,.contentCreation .carousel .swiper-button-next{display:none}}.contentCreation .carousel .swiper-pagination-bullet{width:40px;height:2px;background:#868686;opacity:1;border-radius:0}.contentCreation .carousel .swiper-pagination-bullet:hover{background:#c79e61}.contentCreation .carousel .swiper-pagination-bullet-active{background:#c79e61}.contentCreation .carousel .windows{position:absolute;line-height:0;z-index:2;right:20px;top:20px}.contentCreation .carousel--banner img{width:100%}.contentCreation .carousel--banner .swiper-button-prev,.contentCreation .carousel--banner .swiper-button-next,.contentCreation .carousel--banner .swiper-pagination-bullet{opacity:0}.contentCreation .carousel--banner:hover .swiper-button-prev,.contentCreation .carousel--banner:hover .swiper-button-next,.contentCreation .carousel--banner:hover .swiper-pagination-bullet{opacity:1}.contentCreation .carousel--product{background:#252425;padding:150px 0}.contentCreation .carousel--product .swiper-container{width:70%}.contentCreation .carousel--product .swiper-container-horizontal>.swiper-pagination-bullets,.contentCreation .carousel--product .swiper-pagination-custom,.contentCreation .carousel--product .swiper-pagination-fraction{bottom:-5px}@media screen and (max-width: 992px){.contentCreation .carousel--product .swiper-container{width:80%}}@media screen and (max-width: 768px){.contentCreation .carousel--product .swiper-container{width:100%}}.contentCreation .carousel--product .swiper-slide{margin-bottom:30px}.contentCreation .carousel--product img{width:50%}.contentCreation .carousel--product figcaption{color:#fff}.contentCreation .carousel--product .tag{position:absolute;top:0;right:0;color:#fff}.contentCreation .carousel--product .tag__triangle{width:0;height:0;border:solid;border-width:75px;border-color:#E30613 transparent transparent transparent;border-bottom:0;border-right:0}.contentCreation .carousel--product .tag__title{position:absolute;top:15%;right:10%}.contentCreation .carousel--video{padding:5.5% 0 2% 0}.contentCreation .carousel--video .swiper-container{width:90%}.contentCreation .carousel--video .swiper-slide{margin-bottom:40px}.contentCreation .carousel--video figure{cursor:pointer;opacity:0.8}.contentCreation .carousel--video figure:hover{opacity:1}.contentCreation .carousel--video figure:hover figcaption{opacity:1}.contentCreation .carousel--video img{width:100%}.contentCreation .carousel--video figcaption{margin:18px 0 0 0;opacity:0}.contentCreation .carousel--news{padding:5.5% 0 2% 0}.contentCreation .carousel--news .swiper-container{width:90%}.contentCreation .carousel--news .swiper-slide{margin-bottom:40px}.contentCreation .carousel--news .carousel__title{margin-bottom:50px}.contentCreation .carousel--news .article{opacity:0.8}.contentCreation .carousel--news .article:hover{opacity:1}.contentCreation .carousel--news .article__link,.contentCreation .carousel--news .article__modal{display:block}.contentCreation .carousel--news .article__modal{cursor:pointer}.contentCreation .carousel--news .article__modal:hover .article__playBtn{background:#ff0000}.contentCreation .carousel--news .article__figure{position:relative;line-height:0}.contentCreation .carousel--news .article__img{width:100%}.contentCreation .carousel--news .article__icon{position:absolute;left:20px;top:20px}.contentCreation .carousel--news .article__playBtn{width:68px;height:48px;border-radius:10px;background:rgba(33,33,33,0.8);position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;top:50%;-webkit-transition:0.25s;transition:0.25s}.contentCreation .carousel--news .article__playBtn:before{display:inline-block;content:"";border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:53%;top:50%}.contentCreation .carousel--news .article__time,.contentCreation .carousel--news .article__title{text-align:left}.contentCreation .carousel--news .article__time{color:#999;font-size:14px;margin:12px 0}.contentCreation .carousel--news .article__title{color:#fff;font-size:20px;margin:12px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width: 992px){.contentCreation .carousel--news .article__title{font-size:18px}}.contentCreation .carousel__top{text-align:center;margin:0 0 32px 0}.contentCreation .carousel__modal{cursor:pointer}.contentCreation .carousel__title{text-align:center;padding:10px 0 18px 0}.contentCreation .carousel__link{color:#868686;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contentCreation .carousel__desc{margin:0 0 50px 0}.contentCreation .filter{background:#1e1e1e}.contentCreation .filter__container{max-width:1280px;margin:0 auto;padding:80px 0 0 0}.contentCreation .filter__title{color:#c79e61;font-size:30px;text-align:center;margin:0 0 32px 0}.contentCreation .filter__desc{font-size:20px;text-align:center;margin:0 0 32px 0}@media screen and (max-width: 576px){.contentCreation .filter__desc{margin:0 30px}}.contentCreation .filter .options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media screen and (max-width: 992px){.contentCreation .filter .options{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width: 992px){.contentCreation .filter .options__top{width:100%;border-bottom:1px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.contentCreation .filter .options__fieldset{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 992px){.contentCreation .filter .options__fieldset{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:10px;grid-gap:10px}}.contentCreation .filter .options__figure{line-height:0}.contentCreation .filter .options__img{width:100px}@media screen and (max-width: 992px){.contentCreation .filter .options__img{width:40px}}.contentCreation .filter .options__legend{color:#c79e61;font-size:20px;margin:0 0 16px 0;text-transform:uppercase;text-align:center}@media screen and (max-width: 992px){.contentCreation .filter .options__legend{margin:0}}.contentCreation .filter .options__list,.contentCreation .filter .options__dropList{-webkit-transition:0.3s;transition:0.3s;overflow:hidden}@media screen and (max-width: 992px){.contentCreation .filter .options__list,.contentCreation .filter .options__dropList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.contentCreation .filter .options__list{max-height:1200px}.contentCreation .filter .options__dropList{max-height:0}.contentCreation .filter .options__item,.contentCreation .filter .options__dropdownTitle{margin-bottom:12px}@media screen and (max-width: 992px){.contentCreation .filter .options__item,.contentCreation .filter .options__dropdownTitle{margin-right:10px}.contentCreation .filter .options__item:last-child,.contentCreation .filter .options__dropdownTitle:last-child{margin-right:0px}}@media screen and (min-width: 993px){.contentCreation .filter .options__item div{text-align:center}.contentCreation .filter .options__item .options__dropList{padding-left:50px}}.contentCreation .filter .options__dropdownTitle{cursor:pointer}.contentCreation .filter .options__dropdownTitle:before{display:inline-block;content:"";border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #c79e61}.contentCreation .filter .options__chkbox{position:absolute;opacity:0;width:0;height:0}.contentCreation .filter .options__chkbox:checked+label:before{border:1px solid #c79e61;background:#c79e61}.contentCreation .filter .options__chkbox:disabled+label,.contentCreation .filter .options__chkbox:disabled+label:hover{color:#868686;cursor:not-allowed}.contentCreation .filter .options__chkbox:disabled+label:before{border-color:#868686}.contentCreation .filter .options__chkbox:disabled+label:hover:before{border:1px solid #868686;cursor:not-allowed}@media screen and (max-width: 992px){.contentCreation .filter .options__chkbox:checked+label{background:#c79e61}.contentCreation .filter .options__chkbox:checked+label:hover{color:#fff}.contentCreation .filter .options__chkbox:disabled+label,.contentCreation .filter .options__chkbox:disabled+label:hover{color:#fff;background:rgba(211,211,211,0.25)}}.contentCreation .filter .options__label{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;white-space:break-spaces}.contentCreation .filter .options__label:before{display:inline-block;content:"";height:20px;width:20px;border:1px solid #c79e61;border-radius:5px;margin:0 12px 0 0}.contentCreation .filter .options__label:hover{color:#c79e61}.contentCreation .filter .options__label:hover:before{border:1px solid #c79e61}@media screen and (max-width: 992px){.contentCreation .filter .options__label{font-size:14px;padding:10px;border-radius:2px}.contentCreation .filter .options__label:before{display:none}.contentCreation .filter .options__label:hover{color:#c79e61}.contentCreation .filter .options__label:hover:before{border:unset}}.contentCreation .filter .btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:50px 0}.contentCreation .filter .btns__submit{border:1px solid #999;color:#fff;font-size:18px;margin:30px 0;padding:12px 50px;border-radius:5px;-webkit-transition:background .3s;transition:background .3s}.contentCreation .filter .btns__submit:hover{background:#515151}.contentCreation .filter .btns__reset{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contentCreation .filter .fold{width:100%;height:6px;background:#c79e61;position:relative}.contentCreation .filter .fold__btn{width:50px;height:50px;border-radius:50%;background:#c79e61;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;z-index:1}.contentCreation .filter .fold__btn:before{display:block;content:"";width:60%;height:6px;background:#fff;margin:0 auto}.contentCreation .filter .fold__btn:after{display:block;content:"";width:60%;height:6px;background:#fff;-webkit-transition:0.3s;transition:0.3s;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;top:50%;-webkit-transform-origin:center;transform-origin:center}.contentCreation .filter .fold__btn--active:after{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);position:absolute;left:50%;top:50%}.contentCreation .filter .fold__title{position:absolute;z-index:1;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;top:500%}.contentCreation .mix{background:url(https://storage-asset.msi.com/template/images/cc/bg-article-listbox.jpg) no-repeat center center/cover}.contentCreation .news__container{max-width:1600px;margin:0 auto;text-align:center}.contentCreation .news__slide{border:1px solid #fff;color:#fff;font-size:18px;margin:30px auto;padding:12px}.contentCreation .news__slide:hover{background:#fff;color:#fff}@media screen and (max-width: 768px){.contentCreation .news .articles{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.contentCreation .news .articles__article{width:100%}}.contentCreation .service{background-color:#1e1e1e;border-top:3px solid #c79e61;text-align:center;padding:80px 0 90px 0}.contentCreation .service__container{max-width:1600px;margin:0 auto}.contentCreation .service__title{color:#c79e61;margin:0 0 18px 0}.contentCreation .service__desc{color:#868686;margin:0 0 32px 0}@media screen and (max-width: 768px){.contentCreation .service__desc{color:#666;padding:0 3%}}.contentCreation .service__form{width:360px;position:relative;margin:0 auto 100px auto}@media screen and (max-width: 768px){.contentCreation .service__form{width:280px}}.contentCreation .service__search{border:1px solid #666;width:100%;border-radius:25px;padding:4px 40px 4px 20px}.contentCreation .service__search:focus{outline:unset}.contentCreation .service__submit{line-height:0;display:inline-block;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;right:3%}.contentCreation .service .support{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media screen and (max-width: 768px){.contentCreation .service .support{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 3%}}.contentCreation .service .support__link{width:calc(100% / 3);text-align:center}.contentCreation .service .support__link:nth-of-type(2){border-left:2px solid;border-right:2px solid;-o-border-image:linear-gradient(to bottom, #847c62, #292829) 0% 100%;border-image:-webkit-gradient(linear, left top, left bottom, from(#847c62), to(#292829)) 0% 100%;border-image:linear-gradient(to bottom, #847c62, #292829) 0% 100%}@media screen and (max-width: 768px){.contentCreation .service .support__link{width:100%;padding:5% 0;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contentCreation .service .support__link:nth-of-type(2){border-left:0;border-right:0;border-top:2px solid;border-bottom:2px solid;-o-border-image:linear-gradient(to right, #847c62, #292829) 1;border-image:-webkit-gradient(linear, left top, right top, from(#847c62), to(#292829)) 1;border-image:linear-gradient(to right, #847c62, #292829) 1}}.contentCreation .service .support__figure{width:20%;line-height:0;margin:0 auto}@media screen and (max-width: 768px){.contentCreation .service .support__figure{margin:unset;width:auto}.contentCreation .service .support__figure img{width:40%}}.contentCreation .service .support__title{margin:32px 0;color:#fff;font-size:16px}@media screen and (max-width: 768px){.contentCreation .service .support__title{text-align:left}}.contentCreation .service .support__desc{color:#666;font-size:14px;margin:0 10px}@media screen and (max-width: 768px){.contentCreation .service .support__desc{display:none}}@media screen and (max-width: 380px){.contentCreation .carousel--product .swiper-container{width:100%;height:300px}.contentCreation .service__form{width:250px}.contentCreation .awards .top__img{width:100%}}