.displaynone{display:none}#output-title{z-index:99}#compare .container{position:relative;padding:0 15px;margin:0 auto}@media (min-width: 1921px){#compare .container{width:70%}}@media (max-width: 1920px) and (min-width: 1300px){#compare .container{width:1270px}}@media (max-width: 1299px) and (min-width: 992px){#compare .container{width:990px}}@media (max-width: 991px) and (min-width: 768px){#compare .container{width:750px}}@media (max-width: 767px){#compare .container{width:100%}}.compare{color:#fff;background-color:#000;padding:70px 0;position:relative;width:100%;font-family:MSIBodyFont, "Microsoft JhengHei", sans-serif;min-height:1200px}.compare .result__block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media (max-width: 767px){.compare .result__block{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-width: 767px){.compare .result__block-left{text-align:center}}.compare .result__block-right{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #99999975}@media (max-width: 767px){.compare .result__block-right{margin-top:30px}}.compare .result__title{font-size:24px}.compare .result__subtitle{color:#999;font-size:14px;margin-top:10px}@media (max-width: 767px){.compare .result__subtitle{margin-top:10px}}.compare .result__subtitle span{color:red}.compare .result__box{color:#999;width:120px;height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;cursor:pointer;-webkit-transition:0.2s;transition:0.2s}.compare .result__box:hover{opacity:0.7}.compare .result__box:nth-child(1){border-right:1px solid #99999975}.compare .result__box p{margin-left:5px}.compare .output{margin-top:40px;min-height:1000px}.compare .output__arrowbox-left{position:fixed;top:50%;cursor:pointer;z-index:60;-webkit-transform-style:0.3s;transform-style:0.3s}.compare .output__arrowbox-left:hover{opacity:0.7}.compare .output__arrowbox-right{position:fixed;top:50%;right:10px;cursor:pointer;z-index:60;-webkit-transform-style:0.3s;transform-style:0.3s}.compare .output__arrowbox-right:hover{opacity:0.7}.compare .output__block{width:100%}@media (max-width: 767px){.compare .output__block{overflow:hidden;position:relative}}.compare .output__block-item{width:100%;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;position:relative}.compare .output__block-item#output-img{text-align:center}.compare .output__block-item--move0{-webkit-transform:translate(0%);transform:translate(0%)}.compare .output__block-item--move1{-webkit-transform:translate(-25%);transform:translate(-25%)}.compare .output__block-item--move2{-webkit-transform:translate(-50%);transform:translate(-50%)}@media (max-width: 767px){.compare .output__block-item{width:200%;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-top:40px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:0.5s;transition:0.5s}}.compare .output__block-item h4{width:100%;font-size:18px;font-weight:400;display:block;padding:30px 70px 0 70px}@media (max-width: 767px){.compare .output__block-item h4{position:absolute;top:-40px;left:-40px}}.compare .output__block-item:nth-child(n+3) .output__feature::after{position:absolute;width:100%;content:"";display:block;height:1px;background:#99999975;bottom:0}.compare .output__block-item:nth-child(n+4) .output__feature::before{position:absolute;right:-10px;height:60%;width:1px;content:"";display:block;background:#99999975;top:15px}.compare .output__block-item:nth-child(n+4) .output__feature:last-child::before{position:absolute;height:0;width:0px;content:"";display:block}.compare .output__block-item:last-child .output__feature::after{position:absolute;height:0;width:0px;content:"";display:block}.compare .output__block-item--def p{color:red}.compare .output__close{position:absolute;right:0;-webkit-transition:0.3s;transition:0.3s;opacity:0;cursor:pointer}@media (max-width: 767px){.compare .output__close{opacity:1 !important}}.compare .output__close:hover{opacity:0.5 !important}.compare .output__feature{padding:0 20px;width:calc( ( 100% / 4 ) - 20px);position:relative;-webkit-transition:0.5s;transition:0.5s}.compare .output__feature--active3{width:calc( ( 100% / 3 ) - 20px)}.compare .output__feature--active2{width:calc( ( 100% / 2 ) - 40px)}@media (max-width: 767px){.compare .output__feature{width:calc( ( 100% / 4 )) !important}}.compare .output__feature-box{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-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px 10px 60px 10px;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;z-index:0}.compare .output__feature-box{z-index:9}.compare .output__feature-box p{font-size:14px;margin-bottom:10px}.compare .output__feature-box p:last-child{margin-bottom:0px}.compare .output__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px;cursor:pointer;-webkit-transition:0.3s;transition:0.3s;position:relative}.compare .output__title-thisname{font-size:18px;-webkit-transition:0.3s;transition:0.3s}.compare .output__title-thisname:hover{opacity:0.5}.compare .output__title-arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px;-webkit-transition:0.7s;transition:0.7s}.compare .output__title-arrow--active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.compare .output__title-popout{width:calc( 100% + 25px);position:absolute;top:calc( 100% + 30px);background:#ffffffec;z-index:20;-webkit-box-shadow:0 3px 10px #0000002d;box-shadow:0 3px 10px #0000002d;-webkit-transition:0.2s;transition:0.2s;max-height:0;overflow:hidden}.compare .output__title-popout__box{color:#fff;background:#000;border-top:1px solid #99999975;padding:20px 10px;-webkit-transition:0.4s;transition:0.4s;font-size:16px}.compare .output__title-popout__box:hover{background:#ececec75}.compare .output__title-popout__box:nth-child(1){border-top:none}.compare .filter{width:100%;height:0;position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:500}.compare .filter input[type="checkbox"]{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0;padding:0;opacity:0;z-index:2}.compare .filter input[type="checkbox"]+label{padding-left:24px;-webkit-transition:0.2s;transition:0.2s}.compare .filter input[type="checkbox"]+label::before{-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:block;position:absolute;left:0;top:9px;margin-top:-8px;width:16px;height:16px;border:1px solid #cfd9db;background:#ffffff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.08);box-shadow:inset 0 1px 1px rgba(0,0,0,0.08);border-radius:0.25em}.compare .filter label{position:relative;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex}.compare .filter label::after{-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:block;position:absolute;left:0;top:9px;margin-top:-8px;width:16px;height:16px;border-radius:0.25em;background-color:#CCCCCC;background-position:center center;background-repeat:no-repeat;-webkit-box-shadow:0 0 5px #70707052;box-shadow:0 0 5px #70707052;display:none;background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7.457' viewBox='0 0 10 7.457' %3E%3Cpath id='Icon_awesome-check' data-name='Icon awesome-check' d='M3.4,11.888.146,8.638a.5.5,0,0,1,0-.707l.707-.707a.5.5,0,0,1,.707,0L3.75,9.413,8.439,4.724a.5.5,0,0,1,.707,0l.707.707a.5.5,0,0,1,0,.707L4.1,11.888A.5.5,0,0,1,3.4,11.888Z' transform='translate(0 -4.577)' fill='%23fff' /%3E%3C/svg%3E")}.compare .filter input[type="checkbox"]:focus+label::before{-webkit-box-shadow:0 0 5px #70707052;box-shadow:0 0 5px #70707052}.compare .filter input[type="checkbox"]:checked+label::after{display:block;-webkit-animation:cd-bounce 0.3s;animation:cd-bounce 0.3s}.compare .filter input[type="checkbox"]:checked+label::before{-webkit-animation:cd-bounce 0.3s;animation:cd-bounce 0.3s}.compare .filter__mask{background:#ffffff80;width:100%;height:100%;opacity:0;-webkit-transition:0.4s;transition:0.4s}.compare .filter__list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:50px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width: 767px){.compare .filter__list{margin-top:30px}}.compare .filter__list li{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:28px;font-size:14px}@media (min-width: 992px){.compare .filter__list li{width:25%}}@media (max-width: 991px) and (min-width: 768px){.compare .filter__list li{width:calc( 100% / 3)}}@media (max-width: 767px){.compare .filter__list li{width:50%}}.compare .filter__list li p{text-overflow:ellipsis;width:calc( 100% - 24px);white-space:nowrap;overflow:hidden}.compare .filter__list li p:hover{color:#999}.compare .filter__block{position:absolute;width:90%;max-width:1024px;background:#fff;left:50%;top:100px;-webkit-transform:translate(-50%);transform:translate(-50%);border:1px solid #70707036;overflow:hidden;max-height:0;-webkit-transition:0.7s;transition:0.7s}.compare .filter__block-box{background:#000;padding:60px 60px 40px 60px}@media (max-width: 767px){.compare .filter__block-box{padding:20px 20px}}.compare .filter__block-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.compare .filter__block-title p{margin-left:10px;font-size:24px}.compare .filter__block-close{position:absolute;top:30px;right:20px;cursor:pointer;-webkit-transition:0.2s;transition:0.2s}.compare .filter__block-close:hover{opacity:0.7}.compare .filter__selectall{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.compare .filter__selectall-btn{width:140px;height:40px;border:1px solid #CCCCCC;color:#666666;font-size:14px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.2s;transition:0.2s}.compare .filter__selectall-btn:hover{opacity:0.7}.compare .filter.active{display:block}.compare .filter__mask.active{opacity:1}@-webkit-keyframes cd-bounce{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes cd-bounce{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.8);transform:scale(0.8)}}