.compare{height:100%;width:100%;padding:50px 0}
.compare .row{margin:0;max-width:none;width:100%}
.compare .row .no-data{display:none}
.compare .row .hint-text{text-align:center}
.compare .table-desktop{margin:0 auto;background:transparent;border:0;width:100%}
.compare .table-desktop #table-head,.compare .table-desktop .name-row{display:flex}
.compare .table-desktop thead,.compare .table-desktop tr:nth-of-type(odd),.compare .table-desktop tr:nth-of-type(even){background-color:transparent}
.compare .table-desktop tr.spec-row-odd{background-color:#f2f2f2 !important}
.compare .table-desktop tr.spec-row-even{background-color:transparent !important}
.compare .table-desktop>thead>tr>th,.compare .table-desktop>thead>tr>th,.compare .table-desktop>thead>tr>td,.compare .table-desktop>tbody>tr>th,.compare .table-desktop>tbody>tr>td,.compare .table-desktop>tfoot>tr>th,.compare .table-desktop>tfoot>tr>td{border:0;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";color:#000;width:380px}
.compare .table-desktop thead tr th:not(.toggle-block),.compare .table-desktop thead tr td{text-align:center}
.compare .table-desktop tr th,.compare .table-desktop tr td{letter-spacing:.02em;font-size:16px;vertical-align:middle}
.compare .table-desktop tr th.spec-name{color:#333;padding-left:20px;font-weight:normal}
.compare .table-desktop tr th.group-name,.compare .table-desktop tr th.group-name ~ td{font-weight:bold;font-size:18px;background-color:#fff;padding-top:40px}
.compare .table-desktop tbody tr:first-of-type th,.compare .table-desktop tbody tr:first-of-type td{padding-top:8px}
.compare .table-desktop p.pro-name{font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";letter-spacing:.02em;color:#000;font-size:24px;font-weight:bold}
.compare .table-desktop thead tr th img{height:180px;width:auto}
.compare .table-desktop .close-btn{width:17px;height:17px;background-color:#f2f2f2;padding:5px 8px;margin-left:90%;cursor:pointer}
.compare .table-desktop .close-btn .close-btn-right,.compare .table-desktop .close-btn .close-btn-left{height:8px;width:1px;background-color:#ccc}
.compare .table-desktop .close-btn .close-btn-right{transform:rotate(45deg);Z-index:1}
.compare .table-desktop .close-btn .close-btn-left{transform:rotate(90deg);Z-index:2}
.compare .table-desktop thead tr th.toggle-block{padding-bottom:52px}
.compare .accordion-mobile .accordionTitle{background-color:#fafafa;cursor:pointer;color:#333;padding-top:10px;padding-bottom:10px;padding-right:28px;padding-left:10px;width:100%;text-align:left;border:0;outline:0;transition:.4s;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";border:1px solid #ccc}
.compare .accordion-mobile .accordionTitle::before,.compare .accordion-mobile .accordionTitle::after{content:'';position:absolute;right:18px;background:#000;width:2px;height:14px;transition:transform .2s ease}
.compare .accordion-mobile .accordionTitle.group-name-mobile::before,.compare .accordion-mobile .accordionTitle.group-name-mobile::after{top:23px}
.compare .accordion-mobile .accordionTitle.item-name-mobile::before,.compare .accordion-mobile .accordionTitle.item-name-mobile::after{top:13px}
.compare .accordion-mobile .accordionTitle::before{transform-origin:center;transform:rotate(90deg)}
.compare .accordion-mobile .accordionTitle.active::after{transform:rotate(90deg)}
.compare .accordion-mobile .accordionTitle.group-name-mobile{font-size:18px;font-weight:bold;height:60px;color:#000;letter-spacing:.02em}
.compare .accordion:not(:first-of-type){margin-top:4px}
.compare .accordion-mobile .accordionTitle.item-name-mobile{letter-spacing:.02em;background-color:#f2f2f2;border:0}
.compare .accordion-mobile .panel{background-color:white;max-height:0;overflow:hidden;transition:max-height .2s ease-out}
.compare .accordion-mobile .table{margin-bottom:0}
.compare .accordion-mobile .table .tbody-mobile{display:none}
.compare .accordion-mobile .table th{padding:0}
.compare .accordion-mobile .table,.compare .accordion-mobile .table th,.compare .accordion-mobile .table td{border:1px solid #ccc;font-weight:normal;color:#333;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";vertical-align:middle;width:100%}
.compare .accordion-mobile .table th.pro-name-mobile,.compare .accordion-mobile .table td.pro-value-mobile{padding:10px}
.compare .accordion-mobile .table th.pro-name-mobile{width:80px}
.compare .accordion-mobile .table thead,.compare .accordion-mobile .table tbody tr{background:transparent;height:40px}
.compare .toggle{position:relative;width:80px;height:28px;margin:0}
.compare .toggle input{display:none}
.compare .toggle-switcher,.compare .toggle-switcher::before{position:absolute;top:0;left:0;border-radius:20px;-webkit-transition:.4s;transition:.4s}
.compare .toggle-switcher{cursor:pointer;height:28px;width:80px;background-color:#0cb2bd;border:2px solid #ccc}
.compare .toggle-switcher::before{content:'';height:24px;width:24px;background-color:white}
.compare input:checked+.toggle-switcher{background-color:#4d4f52}
.compare input:checked+.toggle-switcher::before{-webkit-transform:translateX(55px);-ms-transform:translateX(55px);transform:translateX(55px)}
.compare .on,.compare .off{color:white;position:absolute;transform:translate(-50%,-50%);top:50%;font-size:14px;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";text-align:center}
.compare .on{left:55%}
.compare .off{display:none;left:45%}
.compare input:checked+.toggle-switcher .off{display:block}
.compare input:checked+.toggle-switcher .on{display:none}
.compare .accordion-mobile .top-toggle{display:flex;align-items:center;margin-bottom:20px}
.compare .accordion-mobile .top-toggle .toggle{margin-right:10px}
.compare .diff-color{color:#0cb2bd !important}
.compare .diff-text{color:#4590a5;font-size:14px;font-weight:400;text-align:left;line-height:14px;margin-top:12px;margin-bottom:0}
.compare .accordion-mobile .diff-text{margin-top:unset}
@media(min-width:768px){.compare .container{width:100%;max-width:1540px}
.compare .accordion-mobile{display:none}
}
@media(max-width:767px){.compare .table-desktop{display:none}
}