.product-list{padding-top:60px}.select-bar{border-bottom:1px solid #f4f6f9}.select-list{margin-bottom:8px}.dropdown dd,.dropdown dt,.dropdown ul{margin:0;padding:0}.dropdown dd{position:relative;width:100%}.dropdown a,.dropdown a:visited{color:#2f2f2f;font-weight:normal;text-decoration:none;outline:none}.dropdown dt a{background:#fff;display:block;border-radius:4px;border:1px solid #c7c7c7;width:100%;position:relative}.dropdown dt a:after{content:"a";font-family:"watsons-water" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;color:#63be45;top:50%;margin-top:-11px;right:12px;font-size:22px}.dropdown dt a span{cursor:pointer;display:block;padding:10px 30px 10px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown dd ul{background:#fff;border:1px solid #c7c7c7;border-radius:4px;color:#474747;display:none;left:0;padding:5px 0;position:absolute;top:2px;width:250px;max-width:100%;list-style:none;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);z-index:9}.dropdown dd ul li:hover{background-color:#f5f5f5}.action{font-size:16px;position:relative;overflow:hidden;cursor:pointer;border:none;background:none;display:list-item;padding:5px 12px}.action:focus{outline:none}.no-touch .action--button:hover{outline:none}ul.select-color-list{margin-top:15px}ul.select-color-list>li,a ul.select-color-list>li{width:30px;height:30px;border:1px solid #dbdbdb;border-radius:50%;display:inline-block;margin-right:10px;position:relative;cursor:pointer}ul.select-color-list>li:last-child{margin-right:0}ul.select-color-list li.white{background:#fff}ul.select-color-list li.black{background:#0e0e10}ul.select-color-list li.red{background:#ed1c24}ul.select-color-list li.active:after{content:"";background-color:transparent;position:absolute;left:10px;top:6px;width:8px;border-bottom:3px solid #fff;height:13px;border-right:3px solid #fff;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}ul.select-color-list li.white.active:after{border-color:#e3e3e3}.select-bar .btn-group{width:100%}.btn-sort{background:#fff;border:1px solid #c7c7c7;padding:10px 12px;width:50%;font-size:16px}.btn-group>.btn:first-child:not(:last-child){border-right:none}.btn-group>.btn:last-child:not(:first-child){border-left:none}.btn-sort.is-checked{background:#63be45;color:#fff}.select-bar-sort{float:right}.product-list-content{margin-top:25px}span.search-result,span.search-keywords{color:#63be45}.filter-criteria{font-size:24px;margin-top:0}.filter-criteria h1{font-size:24px;display:inline;color:#63be45}.filter-criteria button.btn-clean{float:right;line-height:1}.filter-criteria button.btn-clean i.icon{color:#63be45;margin-right:10px}.product-list-row{position:relative;margin:0 10px}.grid:after{content:'';display:block;clear:both}.element-item{position:relative;float:left;width:25%;height:425px;padding:5px}.categories-title{color:#63be45;text-align:center;padding:2rem;font-size:32px;font-weight:600}.category-item{height:unset !important}.element-item .newest,.element-item .popular{display:none}figure.product-list-item{text-align:center;background:#f4f6f9;padding:25px 0;position:relative}figure.product-list-item img{max-width:100%}figure.product-list-item i{font-size:18rem}figcaption{color:#656565;padding:0 15px}.product-proTitle{font-size:20px;font-weight:600;line-height:1.2;max-height:48px;height:48px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.category-title{padding:15px;font-weight:800;font-size:2rem}.product-proTxt{font-size:16px;color:#474747;line-height:1.2;max-height:38px;height:38px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}button.btn-detail{width:135px;opacity:0;left:50%;margin-left:-67.5px;position:absolute;z-index:1;bottom:20px}.figcaption-border{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(244,246,249,.85);opacity:0}figure.product-list-item:hover figcaption{top:-50px;z-index:1;position:relative}figure.product-list-item:hover .category-title{top:-80px;z-index:1;position:relative}figure.product-list-item:hover .figcaption-border{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out,-webkit-transform .2s ease-in-out}figure.product-list-item:hover button.btn-detail{opacity:1}.checkboxInput{position:absolute;top:20px;left:18px;z-index:1;width:28px;box-sizing:border-box}.select-result-bar{display:none;position:fixed;bottom:0;width:100%;z-index:9}.selected-content{color:#fff;background:#656565;border-radius:4px 4px 0 0;padding:20px 25px;position:relative}.select-result-bar.show{display:block;-webkit-animation:slide-top .3s cubic-bezier(.25,.46,.45,.94) both;animation:slide-top .3s cubic-bezier(.25,.46,.45,.94) both}.breadcrumb-bar{padding:0 0 10px 0}.breadcrumb-bar a{color:#63be45;font-size:16px}.breadcrumb-bar a:hover{text-decoration:underline}.breadcrumb-bar i{font-size:15px;padding:10px 5px 10px 5px;color:#474747;-webkit-text-stroke:1px white}.breadcrumb-bar a:last-child{text-decoration:unset;color:#474747;cursor:unset}@-webkit-keyframes slide-top{0%{bottom:-100px}100%{bottom:0}}@keyframes slide-top{0%{bottom:-100px}100%{bottom:0}}.selected-content h4{font-weight:500;padding-left:40px;margin-bottom:0}span#selectedNum{width:30px;height:40px;background:url(../image/label.png);background-size:cover;display:inline-block;line-height:2;text-align:center;position:absolute;left:25px;top:50%;margin-top:-20px}.selected-txt{color:#c7c7c7;font-size:16px;padding-left:40px}button.btn-compare{width:200px;position:absolute;top:50%;margin-top:-20px;left:50%;margin-left:-100px}.selected-content button.btn-clean{font-size:20px;position:absolute;top:50%;margin-top:-20px;right:25px}.selected-content button.btn-clean:hover{color:#fff}.selected-content button.btn-clean i.icon{color:#63be45;margin-right:5px}@media(max-width:1024px){figure.product-list-item:hover figcaption{top:auto}figure.product-list-item:hover .figcaption-border{display:none}figure.product-list-item:hover button.btn-detail{display:none}}@media screen and (max-width:992px){.select-container{padding-top:80px;position:relative}.select-bar-sort{position:absolute;top:0}.element-item{width:33.3333%}.select-result-container{width:100%;padding-right:0;padding-left:0}}@media screen and (max-width:768px){.product-list{padding-top:20px;margin-bottom:20px}.product-proTitle{font-size:18px;max-height:42px}.product-proTxt{font-size:14px;max-height:33px}dl.dropdown{margin-bottom:10px}.select-bar{padding-bottom:15px}.element-item{width:50%;height:auto}.checkboxInput label{width:30px;height:30px}.checkboxInput label:after{font-size:26px}.checkboxInput{top:15px;left:15px}figure.product-list-item img{max-height:150px;max-width:150px}.selected-content{border-radius:0;padding:15px 15px 65px}.selected-content h4{font-size:16px;padding-left:35px}.selected-txt{font-size:12px;padding-left:35px}span#selectedNum{width:25px;height:33.7px;left:15px;top:36px;line-height:2.5}.selected-content button.btn-clean{font-size:16px;top:5px;margin-top:0;right:5px}button.btn-compare{width:160px;top:auto;margin-top:10px;margin-left:-80px}}@media screen and (max-width:320px){.element-item{width:100%}}