.resultArea .resultList .circleLink,.resultArea .resultList .item,.selectBox select{transition:all .5s}.titleBox{margin-bottom:30px}.titleBox .subtitle{text-align:center;font-size:30px;line-height:40px;letter-spacing:0;color:#000;font-weight:700;padding-top:10px}.selectorIntro{padding:40px 0 20px;text-align:center}@media (max-width:640px){.selectorIntro{padding:30px 0 10px}}.contentBox .wrap{display:flex;flex-wrap:wrap}.contentBox .wrap>.leftBox{width:210px;z-index:2}.contentBox .wrap>.rightBox{width:calc(100% - 210px);padding-left:36px}@media (max-width:1180px){.contentBox .wrap>.leftBox{width:100%}.contentBox .wrap>.leftBox .titleBox .title{text-align:center}.contentBox .wrap>.leftBox .titleBox .title:before{left:calc(50% - 13px)}.contentBox .wrap>.leftBox .titleBox .title:after{left:auto;right:calc(50% - 13px)}.contentBox .wrap>.rightBox{width:100%;padding-left:0}}.selectBox{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -6px}.selectBox .productFilterWrapper{width:100%}.selectBox .productFilterWrapper select{width:100%;max-width:212px}.selectBox select{width:100%;margin:5px;height:58px;font-size:16px;line-height:20px;letter-spacing:0.2px;font-weight:400;color:#6a6a6a;padding:0px 40px 0 20px;position:relative;appearance:none;background-image:url(../images/select_arrow.png);background-position:top right;background-repeat:no-repeat;cursor:pointer;background-color:#fff}.selectBox .btnWrap{width:100%;display:flex;flex-wrap:wrap;justify-content:center;padding-top:15px}.selectBox .btnWrap .crossBtn{margin:10px 10px 0}@media (max-width:1180px){.selectBox{margin:0;justify-content:center}.selectBox select{margin:10px 5px;width:calc(25% - 10px)}.selectBox select:first-child{z-index:6}.selectBox select:nth-child(2){z-index:5}.selectBox select:nth-child(3){z-index:4}.selectBox select:nth-child(4){z-index:3}.selectBox select .productDataList{z-index:6}.selectBox .productFilterWrapper{justify-content:center;display:flex;flex-wrap:wrap}.selectBox .productFilterWrapper select{margin:10px 5px;width:calc(25% - 10px);max-width:none}}@media (max-width:640px){.selectBox select{width:100%;margin:5px 0}.selectBox .productFilterWrapper select{margin:5px 0px;width:100%}}@media (max-width:400px){.selectBox .btnWrap{width:100%;display:flex;justify-content:center;padding-top:15px}.selectBox .btnWrap .crossBtn{margin:10px 5px 0}}.resultArea{padding:0px 0 80px;position:relative;width:100%;z-index:2}.resultArea .resultList{margin-left:-10px;margin-right:-10px;display:flex;flex-wrap:wrap}.resultArea .resultList>li{width:100%;max-width:33.33%;padding:0 10px}.resultArea .resultList .item{max-width:370px;margin:20px auto;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.09);background-color:#fff;padding:10px 30px 24px;position:relative}.resultArea .resultList .item:hover{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.25)}.resultArea .resultList .Img{width:100%;max-width:310px;margin:0 auto}.resultArea .resultList .Img img{display:block;width:100%}.resultArea .resultList .Txt .listTitleLine{border-bottom:1px solid rgba(0,0,0,0.2)}.resultArea .resultList .Txt .listTitleLine .subtitle{height:28px}.resultArea .resultList .Txt .textTagBox{border-bottom:1px solid rgba(0,0,0,0.2);display:flex;flex-wrap:wrap;margin-left:0px;margin-right:0px;padding:8px 0}.resultArea .resultList .Txt .textTagBox .tagItem{margin:3px 3px;width:calc(33.33% - 6px);height:37px;background-color:#eeeeee;font-size:15px;line-height:37px;text-align:center;letter-spacing:0;font-weight:600;color:#606060}.resultArea .resultList .Txt .specificationBox{border-bottom:1px solid rgba(0,0,0,0.2)}.resultArea .resultList .Txt .specificationBox .specList{padding:5px 0}.resultArea .resultList .Txt .specificationBox .specList li{display:flex;justify-content:space-between;font-size:18px;line-height:21px;letter-spacing:0;color:#404040;padding:3px 0}.resultArea .resultList .Txt .specificationBox .title{width:50%;font-weight:600}.resultArea .resultList .Txt .specificationBox .text{width:50%;text-align:right;font-family:'Open Sans','Microsoft JhengHei',sans-serif;font-weight:400;font-size:15px}.resultArea .resultList .Txt .exp{padding:14px 0 18px;border-bottom:1px solid rgba(0,0,0,0.2)}.resultArea .resultList .Txt .exp.ellipsis{height:100px}.resultArea .resultList .Txt .btnBox{padding-top:10px;display:flex;position:relative;width:100%}.resultArea .resultList .Txt .btnBox:before{content:"";width:1px;height:34px;background-color:#b5b5b5;display:block;position:absolute;top:10px;left:calc(50% - 0.5px)}.resultArea .resultList .Txt .btnBox a{height:34px;position:relative;width:50%;display:inline-flex;align-items:center;justify-content:center}.resultArea .resultList .Txt .btnBox a:hover .plus{background-color:#ff0000}.resultArea .resultList .Txt .btnBox a:hover .plus:after{background-color:#ff0000}.resultArea .resultList .Txt .btnBox a:nth-child(2){padding-left:0px}.resultArea .resultList .Txt .btnBox a.added .plus{background-color:#ff0000}.resultArea .resultList .Txt .btnBox a.added .plus .cross:after{background-color:transparent}.resultArea .resultList .Txt .normalBtn{margin-top:26px}.resultArea .resultList .circleLink{display:block;width:42px;height:42px;border-radius:42px;background-color:#898989;position:absolute;z-index:10}.resultArea .resultList .circleLink span{font-size:13px;line-height:42px;letter-spacing:0.2px;color:#fff;font-weight:600;padding-left:20px;padding-right:10px;margin-right:30px;display:none}.resultArea .resultList .circleLink.quickView{top:10px;right:9px}.resultArea .resultList .circleLink.quickView img{width:22px;height:22px;display:block;filter:grayscale(1) brightness(20);position:absolute;top:calc(50% - 11px);right:10px}.resultArea .resultList .circleLink.eshop{top:60px;right:9px}.resultArea .resultList .circleLink.eshop img{display:b22ck;width:18px;height:18px;filter:grayscale(1) brightness(20);position:absolute;top:calc(50% - 9px);right:12px}.resultArea .resultList .circleLink:hover{width:auto;background-color:#000}.resultArea .resultList .circleLink:hover span{display:inline-block}.resultArea .resultList .slick-dots-bottom{bottom:0}@media (max-width:1180px){.resultArea .resultList{margin:0}}@media (max-width:960px){.resultArea .resultList>li{max-width:50%}}@media (max-width:640px){.resultArea .resultList>li{max-width:100%;padding:0}.resultArea .resultList .item{padding:10px 15px 20px}}