﻿.current-sort-type:before,.filter-sort-select-wrapper .select-label:before{font-family:"iconfont";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:normal;text-decoration:none;text-transform:none}.filter-sort-select:after{content:"";display:table;clear:both}.adv-filter-sort-blk .title,.filter-sort-type-blk,.filter-sort-type-blk .btn-adv-sort,.filter-sort-type-blk .select-label,.filter-sort-select .link{font-family:-apple-system-body,"Microsoft JhengHei", sans-serif}.adv-filter-sort-blk{background:#fafafa;margin-bottom:24px;border-radius:5px;border:1px #e3e3e3 solid;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;align-items:center}.adv-filter-sort-blk .title{float:left;display:block;height:36px;padding:0 5px;color:#626262;background:#e3e3e3;text-align:center;font-size:.9375em;line-height:2.26667em}@media (min-width: 0) and (max-width: 767px){.adv-filter-sort-blk{display:-webkit-flex;display:flex;border-radius:0}.adv-filter-sort-blk .title{flex:1 1 90px;min-width:90px}}@media (min-width: 768px) and (max-width: 1199px){.adv-filter-sort-blk{max-width:100%}.adv-filter-sort-blk .title{flex:1 1 90px;min-width:90px;padding-left:10px}}@media (min-width: 1200px){.adv-filter-sort-blk{max-width:100%}.adv-filter-sort-blk .title{flex:1 1 90px;min-width:90px;padding-left:10px}}.current-sort-type{position:relative;flex:0 1 auto;display:block;color:#d14400;padding:0 10px;height:34px;background-color:#fff;width:100%;font-size:.9375em;line-height:2.26667em}.current-sort-type:before{content:"";display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:15px;height:15px;position:absolute;top:50%;right:10px;color:#ccc;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 768px) and (max-width: 1199px){.current-sort-type{display:none}}@media (min-width: 1200px){.current-sort-type{display:none}}.filter-sort-type-blk .btn-close,.filter-sort-type-blk .type-title{display:none}.filter-sort-type-blk .btn-adv-sort,.filter-sort-type-blk .select-label{background:none;display:block;height:36px;border:none;color:#717171;border-radius:0;font-size:.9375em;line-height:2.4em}.filter-sort-type-blk .btn-adv-sort.act,.filter-sort-type-blk .select-label.act{color:#cc4200}.filter-sort-type-blk .act .select-label{color:#cc4200}@media (min-width: 0) and (max-width: 767px){.filter-sort-type-blk{position:fixed;z-index:100000;top:0;left:0;width:100vw;height:100vh;-webkit-transform:translateY(100vh);-moz-transform:translateY(100vh);-ms-transform:translateY(100vh);-o-transform:translateY(100vh);transform:translateY(100vh);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1)}.filter-sort-type-blk .adj{position:relative;z-index:10;padding:3.44828vw 3.44828% 10.34483vw;background:#fff}.filter-sort-type-blk .btn-close{display:block;position:absolute;top:3.44828vw;right:3.44828%}.filter-sort-type-blk .btn-close:before,.filter-sort-type-blk .btn-close:after{background:#000}.filter-sort-type-blk .type-title{display:block;color:#d14400;height:30px;margin-bottom:20px;font-weight:bold;font-size:1em;line-height:2.125em}.filter-sort-type-blk .btn-adv-sort,.filter-sort-type-blk .select-label{width:100%;border-top:1px #e3e3e3 solid;color:#333}.filter-sort-type-blk .filter-sort-select:last-child{border-bottom:1px #e3e3e3 solid}.hide-switch:checked ~ .filter-sort-type-blk{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@media (min-width: 768px) and (max-width: 1199px){.filter-sort-type-blk .adj{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;align-items:center;min-width:0}.filter-sort-type-blk .btn-adv-sort,.filter-sort-type-blk .filter-sort-select-wrapper{float:left;height:36px;flex:1 1 auto;text-align:center;border-right:1px #e6e6e6 solid;min-width:125px;max-width:320px;line-height:2.375em}.filter-sort-type-blk .btn-adv-sort:last-child,.filter-sort-type-blk .filter-sort-select-wrapper:last-child{border-right:none}.filter-sort-type-blk .btn-adv-sort{padding:0 5px}.filter-sort-type-blk .select-label{padding-left:5px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}}@media (min-width: 1200px){.filter-sort-type-blk .adj{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;align-items:center;min-width:0}.filter-sort-type-blk .btn-adv-sort,.filter-sort-type-blk .filter-sort-select-wrapper{float:left;height:36px;flex:1 1 auto;text-align:center;border-right:1px #e6e6e6 solid;min-width:125px;max-width:320px;line-height:2.375em}.filter-sort-type-blk .btn-adv-sort:last-child,.filter-sort-type-blk .filter-sort-select-wrapper:last-child{border-right:none}.filter-sort-type-blk .btn-adv-sort{padding:0 5px}.filter-sort-type-blk .select-label{padding-left:5px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}}@media (min-width: 1200px){.filter-sort-type-blk .btn-adv-sort,.filter-sort-type-blk .filter-sort-select-wrapper{min-width:200px}.filter-sort-type-blk .select-label{pointer-events:none}}.filter-sort-type-close-mask{display:none;width:100%;height:100vh;position:absolute;top:0;left:0;z-index:-1;background:rgba(0,0,0,0.5)}@media (min-width: 0) and (max-width: 767px){.filter-sort-type-close-mask{display:block}}.filter-sort-select-hint{display:none;position:absolute;top:0;left:0;background:#fff;padding:10px;border:1px #0097a7 solid;border-radius:10px;font-size:.9375em;line-height:1.6em;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%) translateY(calc(-100% - 10px));-moz-transform:translateX(-50%) translateY(calc(-100% - 10px));-ms-transform:translateX(-50%) translateY(calc(-100% - 10px));-o-transform:translateX(-50%) translateY(calc(-100% - 10px));transform:translateX(-50%) translateY(calc(-100% - 10px))}.filter-sort-select-hint:before,.filter-sort-select-hint:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:-8px;margin-left:-10px;border-style:solid;border-width:8px 10px 0 10px;border-color:transparent;border-top-color:#0097a7}.filter-sort-select-hint:after{bottom:-7px;margin-left:-8px;border-width:7px 8px 0 8px;border-top-color:#fff}@media (min-width: 1200px){.filter-sort-select-hint.show{display:block}}.filter-sort-select-wrapper{min-width:0;max-width:240px}.filter-sort-select-wrapper .select-label{position:relative;display:block;padding-right:25px;min-width:0}.filter-sort-select-wrapper .select-label:before{content:"";display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:15px;height:15px;position:absolute;top:50%;right:10px;color:#ccc;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.filter-sort-select-wrapper .select-label:after{content:'';position:absolute;width:15px;height:15px;z-index:5000;background:#fff;bottom:-22px;left:50%;box-shadow:-2px -2px 4px -2px #000;opacity:0;-webkit-transform:translateX(-50%) rotate(45deg);-moz-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);-o-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}@media (min-width: 0) and (max-width: 767px){.filter-sort-select-wrapper{max-width:100%}}@media (min-width: 768px) and (max-width: 1199px){.filter-sort-select-wrapper .select-label{position:relative;display:block}.filter-sort-select-wrapper .hide-switch:checked ~ .select-label{background:#d14400;color:#fff}}@media (min-width: 1200px){.filter-sort-select-wrapper .hide-switch:focus ~ .select-label,.filter-sort-select-wrapper .select-label:hover{color:#383838;background:#f7ba5e}.filter-sort-select-wrapper .hide-switch:focus ~ .select-label:before,.filter-sort-select-wrapper .select-label:hover:before{color:#767676}.filter-sort-select-wrapper:hover .select-label{color:#383838;background:#f7ba5e}.filter-sort-select-wrapper:hover .select-label:before{color:#767676}.filter-sort-select-wrapper:hover .filter-sort-select{opacity:1;visibility:visible}}.filter-sort-select{display:block}.filter-sort-select .link{display:block;color:#212121;text-decoration:none;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:.875em;line-height:1.71429em}@media (min-width: 0) and (max-width: 767px){.filter-sort-select{overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (min-width: 768px) and (max-width: 1199px){.filter-sort-select{overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (min-width: 0) and (max-width: 767px){.filter-sort-select{position:fixed;left:0;bottom:0;z-index:2000;width:100%;padding:12px;max-height:calc(100vh - 140px);padding-bottom:70px;background:#fff;-webkit-transform:translateY(100vh);-moz-transform:translateY(100vh);-ms-transform:translateY(100vh);-o-transform:translateY(100vh);transform:translateY(100vh);transition:transform 0.3s}.hide-switch:checked ~ .filter-sort-select{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.filter-sort-select .item{float:left;width:calc((100% - 8px) / 2);margin-right:8px;margin-bottom:8px;border:1px #ccc solid}.filter-sort-select .item:nth-child(2n){float:right;margin-right:0}.filter-sort-select .link{padding:8px;text-align:center}}@media (min-width: 768px) and (max-width: 1199px){.filter-sort-select{position:absolute;width:95vw;max-height:360px;padding:16px;background:#fff;left:50%;margin-top:0;z-index:2000;border-radius:5px;opacity:0;visibility:hidden;border:2px #d14400 solid;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);transition:opacity 0.3s}.filter-sort-select:after{content:''}.hide-switch:checked ~ .filter-sort-select,.filter-sort-select.show{visibility:visible;opacity:1}.filter-sort-select .item{float:left;width:calc((100% - 32px) / 5);margin-right:8px;margin-bottom:8px;border:1px #ccc solid}.filter-sort-select .item:nth-child(5n){float:right;margin-right:0}.filter-sort-select .link{padding:8px}}@media (min-width: 1200px){.filter-sort-select{position:absolute;width:95vw;max-height:360px;padding:16px;background:#fff;left:50%;margin-top:0;z-index:2000;border-radius:5px;opacity:0;visibility:hidden;border:2px #d14400 solid;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);transition:opacity 0.3s}.filter-sort-select:after{content:''}.hide-switch:checked ~ .filter-sort-select,.filter-sort-select.show{visibility:visible;opacity:1}.filter-sort-select .item{float:left;width:calc((100% - 32px) / 5);margin-right:8px;margin-bottom:8px;border:1px #ccc solid}.filter-sort-select .item:nth-child(5n){float:right;margin-right:0}.filter-sort-select .link{padding:8px}}@media (min-width: 1200px){.filter-sort-select{max-width:1000px;margin-top:0;box-shadow:none;border:2px #f7ba5e solid}.filter-sort-select .link:hover,.filter-sort-select .link:focus{color:#383838;background:#f7ba5e}}@media (min-width: 0) and (max-width: 767px){.filter-switch-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);z-index:1500;opacity:0;pointer-events:none;transition:opacity 0.3s}.hide-switch:checked ~ .filter-switch-mask{opacity:1;pointer-events:auto}}@media (min-width: 768px) and (max-width: 1199px){.filter-switch-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);z-index:1500;opacity:0;pointer-events:none;transition:opacity 0.3s}.hide-switch:checked ~ .filter-switch-mask{opacity:1;pointer-events:auto}}@media (min-width: 768px) and (max-width: 1199px){.filter-switch-mask{background:transparent}}
