body,section{min-width:375px}#mainWrite h1,#mainWrite h2,#mainWrite h3,#mainWrite h4,#mainWrite h5,#mainWrite h6,#mainWrite li,#mainWrite p,#mainWrite span,#mainWrite ul{margin:0;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}html{font-size:10px}@media (min-width:1171px){.w3-container .w3-dropdown-click .dropBtn{font-size:15px;padding:25px 8px 15px;margin:0;color:#fff!important}}.w3-input{padding:10px}@media (max-width:500px){.w3-container,.w3-panel{padding:.01em 0}}header #title .title{margin:0 auto}header #title .title li{display:inline-block}#mainWrite h1,#mainWrite h2,#mainWrite h3,#mainWrite h4,#mainWrite h5,#mainWrite h6,#mainWrite li,#mainWrite p,#mainWrite span{line-height:normal;font-family:PingFang,"Microsoft JhengHei",Arial,sans-serif}#mainWrite h1{font-size:4rem}@media (max-width:1368px){#mainWrite h1{font-size:3.4rem}}@media (max-width:1280px){#mainWrite h1{font-size:3rem}}@media (max-width:1024px){#mainWrite h1{font-size:4rem}}@media (max-width:768px){#mainWrite h1{font-size:3rem}}@media (max-width:480px){#mainWrite h1{font-size:2rem}}#mainWrite h2{font-size:4rem;margin-bottom:12px}@media (max-width:1368px){#mainWrite h2{font-size:3.4rem}}@media (max-width:1280px){#mainWrite h2{font-size:3rem}}@media (max-width:1024px){#mainWrite h2{font-size:4rem}}@media (max-width:768px){#mainWrite h2{font-size:3rem}}@media (max-width:480px){#mainWrite h2{font-size:2rem}}#mainWrite h3{font-size:2.4rem}#mainWrite h4{font-size:2rem}@media (max-width:768px){#mainWrite h3{font-size:2rem}#mainWrite h4{font-size:1.6rem}}#mainWrite li,#mainWrite p{font-size:1.8rem}@media (max-width:1280px){#mainWrite li,#mainWrite p{font-size:1.5rem}}@media (max-width:680px){#mainWrite li,#mainWrite p{font-size:1.4rem}}@media (max-width:480px){#mainWrite li,#mainWrite p{font-size:1.3rem}}#mainWrite .menu_bottom ul li{display:inline;font-size:16px;margin:5px;font-weight:700}#mainWrite .margin-auto,section{margin:0 auto}#mainWrite .w-auto{width:auto}section{max-width:1600px;overflow:hidden;position:relative}font{width:100%}.text-bold{font-weight:700}.pchide{display:none}.mhide{display:block}.text-box{position:absolute}.title-box{position:static}.text-white{color:#fff}.text-black{color:#000}@media (max-width:999px){.pchide{display:block}.mhide{display:none}}.w5{width:5%}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w33{width:33%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w50{width:50%}.w55{width:55%}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.w95{width:95%}.w100,img{width:100%}.h-auto{height:auto}.flex{display:flex}.justifyContent{justify-content:center}.alignItems{align-items:center}.flexWrap{flex-wrap:wrap}.w3-btn:disabled,.w3-button:disabled,.w3-disabled{opacity:1}#title ul{padding:0}.delete-btn{cursor:pointer;color:#565656}#reset-btn{cursor:pointer;margin-left:12px;transition:.3s}#reset-btn:hover{transform:rotateZ(90deg)}.content #mainWrite .text-grey{color:#343434}.content #mainWrite #filter-container{position:relative;min-height:calc(100vh - 120px)}.content #mainWrite #filter-container .full-view-bg{height:100%;width:100%;position:absolute;top:0;left:0;z-index:10;padding-top:180px;background:#fff}.content #mainWrite #filter-container #loading-wrapper i{position:absolute;top:50%;left:50%;transform:translateY(-100%)}.content #mainWrite #filter-container #compared-table-wrapper{background:rgba(0,0,0,.8);position:fixed}.content #mainWrite #filter-container #compared-table-wrapper .w3-display-topright{right:-30px;top:-56px;color:#fff!important;background-color:transparent!important}.content #mainWrite #filter-container #compared-table-wrapper .w3-display-topright:hover{color:#fff!important;background-color:transparent!important}.content #mainWrite #filter-container #compared-table-wrapper .w3-modal-content{width:1280px}@media (max-width:1368px){.content #mainWrite #filter-container #compared-table-wrapper .w3-modal-content{width:1024px}}@media (max-width:1280px){.content #mainWrite #filter-container #compared-table-wrapper .w3-display-topright{right:-10px}.content #mainWrite #filter-container #compared-table-wrapper .w3-modal-content{width:967px}}.content #mainWrite #filter-container #compared-table-wrapper .w3-modal-content .table-wrapper{padding:24px}.content #mainWrite #filter-container #compared-table-wrapper .w3-modal-content .table-wrapper table{margin-top:32px}.content #mainWrite #filter-container #compared-table-wrapper .w3-modal-content .table-wrapper table tbody tr td,.content #mainWrite #filter-container #compared-table-wrapper .w3-modal-content .table-wrapper table tbody tr th{color:#000;width:40%}.content #mainWrite #filter-container #compared-table-wrapper .w3-modal-content .table-wrapper table tbody tr td:nth-of-type(2),.content #mainWrite #filter-container #compared-table-wrapper .w3-modal-content .table-wrapper table tbody tr th:nth-of-type(2){width:20%}.content #mainWrite #filter-container #compared-table-wrapper .w3-modal-content .table-wrapper table tbody tr td{vertical-align:middle}.content #mainWrite #filter-container #compared-table-wrapper .w3-modal-content .table-wrapper table tbody tr td:first-of-type{text-align:right}.content #mainWrite #filter-container #compare-box{display:none;position:fixed;right:36px;top:160px;z-index:2;background-color:#fff;padding:4px 8px;width:320px}@media (max-width:1024px){.content #mainWrite #filter-container #compare-box,.content #mainWrite #filter-container #compared-table-wrapper{display:none}}.content #mainWrite #filter-container #compare-box #compare-btn{cursor:pointer;color:#fff;background-color:#183f6e;padding:4px 0}.content #mainWrite #filter-container #compare-box #compare-btn:hover{background-color:#183f6e!important;color:#fff!important}.content #mainWrite #filter-container #compare-box #compare-btn.w3-disabled{cursor:not-allowed}.content #mainWrite #filter-container #compare-box .flex .compare-item{margin:0 2.5%;padding:8px;position:relative}.content #mainWrite #filter-container #compare-box .flex .compare-item .product-img{width:60px;margin:0 auto}.content #mainWrite #filter-container #compare-box .flex .compare-item .product-name{font-size:1.2rem}.content #mainWrite #filter-container #compare-box .flex .compare-item .delete-btn{position:absolute;left:5px;top:10px}.content #mainWrite #filter-container #compare-box .flex .compare-item:first-child::after{content:'';width:1px;height:80%;display:inline-block;background:#343434;position:absolute;right:-2.5%;top:10%}.content #mainWrite #filter-container #banner-area{position:relative}.content #mainWrite #filter-container #banner-area .text-box{left:4%;top:15%}.content #mainWrite #filter-container #banner-area .text-box h2{margin:0}.content #mainWrite #filter-container #banner-area img{height:auto}@media (max-width:1024px){.content #mainWrite #filter-container #banner-area{background-color:#7c7c7c;border-radius:12px;padding:16px}.content #mainWrite #filter-container #banner-area .text-grey{color:#fff}.content #mainWrite #filter-container #banner-area .text-box{position:static;width:100%;padding:1%}.content #mainWrite #filter-container #banner-area .text-box h2{font-size:2.4rem}.content #mainWrite #filter-container #banner-area img{display:none}}@media (max-width:768px){.content #mainWrite #filter-container #banner-area .text-box{position:static;width:100%;padding:1%}}@media (max-width:480px){.content #mainWrite #filter-container #banner-area{width:98%;margin:0 1%}}@media (max-width:1024px){.content #mainWrite #filter-container #filter-area{padding-top:24px}.content #mainWrite #filter-container #filter-area #filter-results-area{display:none}}.content #mainWrite #filter-container #filter-area #filter-results-area .filter-selectd{margin:8px 16px 8px 4px;padding:4px 12px;background-color:#FBAB7E;background-image:linear-gradient(39deg,#ffd3ae 0,#F7CE68 100%);box-shadow:0 0 5px solid #ffaa7a;transition:.3s;cursor:pointer}.content #mainWrite #filter-container #filter-area #filter-results-area .filter-selectd .delete-btn{margin-left:4px}.content #mainWrite #filter-container #filter-area #filter-results-area .filter-selectd:hover{transform:scale(1.1)}.content #mainWrite #filter-container #filter-area aside{position:static;z-index:0;transform:none}@media (max-width:1024px){.content #mainWrite #filter-container #filter-area aside{display:none}}.content #mainWrite #filter-container #filter-area aside #category button{display:block;white-space:normal;margin:0 auto 6px;background-color:#e4e4e4!important;border:1px solid #b7b7b7!important}@media (min-width:1024px){.content #mainWrite #filter-container #filter-area aside #category button:hover{border:1px solid #011936!important;background-color:#203f66!important;color:#fff!important}}.content #mainWrite #filter-container #filter-area aside #category button.active{border:1px solid #011936!important;background-color:#011936!important;color:#fff!important}.content #mainWrite #filter-container #filter-area aside #sub-category{margin-top:24px}.content #mainWrite #filter-container #filter-area aside #sub-category .filter-box{margin:24px auto;overflow:hidden;background-color:#fff5e7}.content #mainWrite #filter-container #filter-area aside #sub-category .filter-box .filter-item-title{position:relative;padding:8px 30px 8px 8px;background-color:#f7d58d;color:#000;cursor:pointer}.content #mainWrite #filter-container #filter-area aside #sub-category .filter-box .filter-item-title::after,.content #mainWrite #filter-container #filter-area aside #sub-category .filter-box .filter-item-title::before{content:'';width:16px;height:4px;background-color:#000;border-radius:4px;display:inline-block;position:absolute;right:12px;top:50%;transition:.2s}.content #mainWrite #filter-container #filter-area aside #sub-category .filter-box .filter-item-title::after{transform:rotateZ(180deg)}.content #mainWrite #filter-container #filter-area aside #sub-category .filter-box .filter-items{display:block}.content #mainWrite #filter-container #filter-area aside #sub-category .filter-box .filter-item{margin:8px auto;padding:0 8px}.content #mainWrite #filter-container #filter-area aside #sub-category .filter-box .filter-item input{top:0;margin-right:8px}.content #mainWrite #filter-container #filter-area aside #sub-category .filter-box .filter-item h5{color:#000}.content #mainWrite #filter-container #filter-area aside #sub-category .filter-box.slide-down .filter-item-title::after{transform:rotateZ(90deg)}.content #mainWrite #filter-container #filter-area aside #sub-category .filter-box.slide-down .filter-items{display:none}.content #mainWrite #filter-container #filter-area main{padding:0 12px}@media (max-width:1024px){.content #mainWrite #filter-container #filter-area main{width:100%}}@media (max-width:680px){.content #mainWrite #filter-container #filter-area main{padding:0 4px}}.content #mainWrite #filter-container #filter-area main #products-area .product-item{padding:24px 24px 8px;margin:0 1.6% 24px;position:relative;transition:.3s;flex-flow:column wrap}@media (max-width:1280px){.content #mainWrite #filter-container #filter-area main #products-area .product-item{padding:12px;margin:0 .65% 24px;width:32%}}@media (max-width:1024px){.content #mainWrite #filter-container #filter-area main #products-area .product-item{padding:12px 24px;margin:0 1.53% 24px;width:30%}.content #mainWrite #filter-container #filter-area main #products-area .product-item a{width:100%}}@media (max-width:768px){.content #mainWrite #filter-container #filter-area main #products-area .product-item{margin:0 2.5% 24px;width:45%}}@media (max-width:680px){.content #mainWrite #filter-container #filter-area main #products-area .product-item{margin:0 1% 12px;padding:12px 8px;width:48%}}@media (max-width:480px){.content #mainWrite #filter-container #filter-area main #products-area .product-item{width:95%;margin:0 2.5% 12px;padding:12px}}.content #mainWrite #filter-container #filter-area main #products-area .product-item .status{max-width:200px;position:absolute;z-index:1}.content #mainWrite #filter-container #filter-area main #products-area .product-item .status[data-status=out_of_stock]{right:-10%;top:-10%}.content #mainWrite #filter-container #filter-area main #products-area .product-item .status[data-status=exclusively_on_amazon]{right:-1%;top:-3%;max-width:120px}.content #mainWrite #filter-container #filter-area main #products-area .product-item .status[data-status=coming_soon]{right:-20%;top:-7%}.content #mainWrite #filter-container #filter-area main #products-area .product-item .status[data-status=relaunch_coming_soon]{max-width:160px;right:-10%;top:-4%}.content #mainWrite #filter-container #filter-area main #products-area .product-item .product-img img{max-width:240px;height:auto}@media (max-width:768px){.content #mainWrite #filter-container #filter-area main #products-area .product-item .product-img img{width:70%}}@media (max-width:680px){.content #mainWrite #filter-container #filter-area main #products-area .product-item .product-img img{width:80%}}.content #mainWrite #filter-container #filter-area main #products-area .product-item>h4{margin:12px auto}.content #mainWrite #filter-container #filter-area main #products-area .product-item .spec-short{flex-grow:1;margin-bottom:24px}@media (max-width:1024px){.content #mainWrite #filter-container #filter-area main #products-area .product-item .spec-short{margin-bottom:30px}.content #mainWrite #filter-container #filter-area main #products-area .product-item .compare-btn{display:none}}.content #mainWrite #filter-container #filter-area main #products-area .product-item .compare-btn button{background-color:#fff}.content #mainWrite #filter-container #filter-area main #products-area .product-item .compare-btn:hover button{background-color:#011936!important}.content #mainWrite #filter-container #filter-area main #products-area .product-item .compare-btn:hover button h5{color:#fff!important}.content #mainWrite #filter-container #filter-area main #products-area .product-item.compared .compare-btn button{background-color:#011936}.content #mainWrite #filter-container #filter-area main #products-area .product-item.compared .compare-btn button h5{color:#fff}.content #mainWrite #filter-container #filter-area main #products-area .product-item:hover{transform:translateY(-12px)}