@charset "utf-8";
/* CSS Document */

/*內頁進階搜尋區*/
.search-conditions-page { margin-bottom: 15px; display: block;border: 1px solid rgba(0,0,0,0.1);/*overflow: hidden;*/border-radius: .25rem;}
.search-conditions-title-page{ padding: 10px 15px; background-color: rgba(233, 236, 239, 1);}
.search-conditions-title-page[aria-expanded=true]{background-color: rgba(235, 235, 235, 1);}
.search-conditions-title-page:hover{ /*background-color: rgba(235, 235, 235, 1);*/ }
.search-conditions-title-box{flex-wrap: nowrap;grid-column-gap: 15px;padding: 0 15px;}

.search-conditions-control-box{display: flex;padding: 0;}
.button-collapse-box{display: flex;padding: 0;}
.button-search-conditions-box{display: flex;padding: 0;}

.search-conditions-title-box .search-conditions-icon{display: flex;align-items: center;}
.search-conditions-title-box .search-conditions-icon:before{ content: "\f002"; color:#000; font-family: "FontAwesome"; font-size: 1.25rem;font-weight: 100;margin: 0rem .5rem;}
.search-conditions-title-box .search-conditions-control{display: flex;flex-grow: 1;width: auto;background-color: rgba(255, 255, 255, 1);width: inherit; }

.button-collapse{border: 1px solid #cccccc!important;background-color: #fff!important;display: flex;align-items: center;height: auto;padding: .375rem .5rem;}
.select-collapse {border: 1px solid #cccccc!important;background-color: #fff!important;display: flex;align-items: center;height: auto;padding: .375rem .5rem;}
.button-collapse:hover {}
.button-collapse .caret {margin-left: 5px;}
.button-collapse[aria-expanded=true] .caret {border-top: 5px solid transparent;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 5px solid ;vertical-align: text-top;margin-bottom: 5px;}
.button-collapse[aria-expanded=false] .caret {border-top: 5px solid ;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 5px solid transparent;margin-top: 5px;}


@media all and (max-width:768px) {
.search-conditions-title-box {flex-wrap: wrap;}
.search-conditions-control-box{width: 100%;margin-bottom: .5rem;}
.button-collapse-box{margin-bottom: .5rem;}
.button-search-conditions-box{width: 100%;margin-bottom: .5rem;padding-left: 15px;}
.search-conditions-title-page .button-search-conditions{width: 100%;}
}

/*內頁進階搜尋區-展開*/
.search-conditions-page .collapse{padding: 0px;}
.search-conditions-page .collapse-inline{ display: inline-table;width: 100%;background-color: #fff;padding: 15px;}
.search-conditions-page .select-page{}

.search-conditions-page .select-page{margin-right:-10px;margin-left: -10px;}
.search-conditions-page .select-page >.col, 
.search-conditions-page .select-page >[class*=col-] {padding-right: 10px;padding-left: 10px;}
.search-conditions-page .select-page .form-select{/*background-color: rgba(240, 240, 240, 1);font-weight: bold!important;*/}

.search-conditions-page .form-group{}
.search-conditions-page .control-label{font-weight: normal; text-align: left;}
.search-conditions-page .control-label{min-height: 28px;margin-bottom: 5px;padding-top: 5px;}
.search-conditions-page .control-label span{}
.search-conditions-page .control-label.ok-select{padding-left: 18px;}
.search-conditions-page .control-label.ok-select:before{content: "\f00c"; color:#000; font-family: "FontAwesome"; margin-left: -18px;padding-right: 0px;position: absolute; }
.search-conditions-page .button-search-conditions-page{ display: inline-block; text-align: center;width: 100%; margin-top: 15px;margin-bottom: 15px;}

.button-search-conditions i{margin-right: .25rem;}

.search-conditions-page .select-page .row{margin-right:-10px;margin-left: -10px;}
.search-conditions-page .select-page .row >.col, 
.search-conditions-page .select-page .row >[class*=col-] {padding-right: 10px;padding-left: 10px;}

/*關鍵字*/
.suggested_keywords_area{order: 8;width: 100%;padding: 10px 40px 0px 40px;font-weight: normal;display: flex;flex-wrap: wrap;}
/*.suggested_keywords_area:before{ content: "熱門關鍵字 : ";}*/
.suggested_keywords_area .keywords-title{margin-bottom: .5rem;display: inline-block;margin-right: 10px;font-weight:bold;}
.suggested_keywords_area .keyword_label{padding: 0;display: inline-block;margin-bottom: .5rem; cursor: pointer;}
.suggested_keywords_area .keyword-line{padding-left: 10px;margin-right: 10px}
.suggested_keywords_area .keyword-line{border-right: 1px solid #333;margin-bottom: .5rem;}
@media screen and (max-width: 736px){
.suggested_keywords_area{padding: 0px;}
}

.ion-search-conditions:before {content: "\f4a4";}

/*複選式搜尋模組*/
.bootstrap-select-page .dropdown-toggle{border: 1px solid #ced4da;background-color: #fff;}
.bootstrap-select-page .dropdown-toggle{color: inherit!important; }

.bootstrap-select > .dropdown-menu{box-shadow:rgb(0 0 0 / 15%) 0px 5px 20px 0px;border-radius: .75rem;padding: 0rem 0;    border: 1px solid rgba(0, 0, 0, .2);}
.bootstrap-select-page .dropdown-toggle:focus, 
.bootstrap-select-page .dropdown-toggle:active:focus{       box-shadow: 0 0 0 0 rgba(216, 217, 219, 0)!important;}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { left: 18px;right: auto;z-index: 1; top: 11px;    color: #212529;}
.bootstrap-select.show-tick .bs-ok-default:after{    width: 7px;    height: 12px;}
.bootstrap-select.show-tick .dropdown-menu li a span.text { margin-left: 12px; margin-right: 0px}
.bootstrap-select > .dropdown-menu li a{white-space: normal;padding: .5rem 1.5rem;}
.bootstrap-select > .dropdown-menu li a:after { content: '';  border: 1px solid #ced4da; border-radius: .25rem; width: 18px; height: 18px; position: absolute;    left: 12px;    top: 10px;background-color: #fff;}
.bootstrap-select >.dropdown-toggle:after {    border: 0;    margin-right: -5px;    display: inline-block;    content: "\f107";    font-style: normal;    font-weight: 600;    font-variant: normal;    line-height: 1;    text-decoration: inherit;    text-rendering: optimizeLegibility;    text-transform: none;    -moz-osx-font-smoothing: grayscale;    -webkit-font-smoothing: antialiased;    font-smoothing: antialiased;    font-family: "FontAwesome";				color: #495057;    zoom: 1;				font-size: 16px;}
.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-item.active, 
.bootstrap-select >.dropdown-item:active {    color: #fff;    text-decoration: none;    background-color: #767676;}
.bootstrap-select .btn-light.dropdown-toggle{ border: 1px solid #ced4da!important;   background-color: transparent!important;}
.show>.btn-light.dropdown-toggle:focus {    box-shadow: 0 0 0 .0rem rgba(216, 217, 219, 0);}
.bootstrap-select .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0rem rgba(216, 217, 219, 0)!important;  outline: thin dotted #333 !important;    outline: 0px auto -webkit-focus-ring-color !important;}


/*範圍式搜尋 */
.slider-values-page{align-items: center;}
.slider-values-page .noUi-marker-horizontal.noUi-marker-large { height: 10px; }
.slider-values-page .noUi-horizontal {height: 10px;width: calc(100% - 15px);}
.slider-values-page .noUi-connect {background-color: rgba(70, 184, 218, 1);}
.slider-values-page .noUi-horizontal .noUi-handle {width: 30px;height: 20px;}
.slider-values-page .noUi-handle::before, 
.slider-values-page .noUi-handle::after {height: 8px;background: #888;}
.slider-values-page .noUi-handle::before {left: 11px;}
.slider-values-page .noUi-handle::after {left: 16px;}
.slider-values-page .noUi-handle:hover .noUi-touch-area {background-color: rgba(230, 230, 230, 1);}
.slider-values-page .noUi-handle{cursor: grabbing;}
.slider-values-page .noUi-tooltip {padding: 3px;font-size: 12px;}
.slider-values-page .txtMin{}
.slider-values-page .txtMin::before { content: "-";position: absolute;right: -2px;line-height: 34px;font-weight: bold;font-size: 13px;}
.slider-values-page .txtMax{}
.slider-values-page .txtMax::before { content: "";position: absolute;right: -5px;line-height: 36px;font-size: 13px;}
.slider-values-page .noUi-value-horizontal{font-size: 13px;font-weight: normal;}
.slider-values-page .noUi-marker-horizontal.noUi-marker {width: 1px;}
.slider-values-page .noUi-touch-area{background-color: rgba(240, 240, 240, 1);}
.slider-values-page .noUi-base-page{position: relative;}
.datepicker-select-box .txtMin::before { content: "-";position: absolute;right: -2px;line-height: 34px;font-weight: bold;font-size: 13px;}
.datepicker-select-box .datepicker{background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwIiBoZWlnaHQ9IjgwMCIgdmlld0JveD0iMCAwIDM2IDM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGNsYXNzPSJjbHItaS1vdXRsaW5lIGNsci1pLW91dGxpbmUtcGF0aC0xIiBkPSJNMzIuMjUgNkgyOXYyaDN2MjJINFY4aDNWNkgzLjc1QTEuNzggMS43OCAwIDAgMCAyIDcuODF2MjIuMzhBMS43OCAxLjc4IDAgMCAwIDMuNzUgMzJoMjguNUExLjc4IDEuNzggMCAwIDAgMzQgMzAuMTlWNy44MUExLjc4IDEuNzggMCAwIDAgMzIuMjUgNnoiLz48cGF0aCBjbGFzcz0iY2xyLWktb3V0bGluZSBjbHItaS1vdXRsaW5lLXBhdGgtMiIgZD0iTTggMTRoMnYySDh6Ii8+PHBhdGggY2xhc3M9ImNsci1pLW91dGxpbmUgY2xyLWktb3V0bGluZS1wYXRoLTMiIGQ9Ik0xNCAxNGgydjJoLTJ6Ii8+PHBhdGggY2xhc3M9ImNsci1pLW91dGxpbmUgY2xyLWktb3V0bGluZS1wYXRoLTQiIGQ9Ik0yMCAxNGgydjJoLTJ6Ii8+PHBhdGggY2xhc3M9ImNsci1pLW91dGxpbmUgY2xyLWktb3V0bGluZS1wYXRoLTUiIGQ9Ik0yNiAxNGgydjJoLTJ6Ii8+PHBhdGggY2xhc3M9ImNsci1pLW91dGxpbmUgY2xyLWktb3V0bGluZS1wYXRoLTYiIGQ9Ik04IDE5aDJ2Mkg4eiIvPjxwYXRoIGNsYXNzPSJjbHItaS1vdXRsaW5lIGNsci1pLW91dGxpbmUtcGF0aC03IiBkPSJNMTQgMTloMnYyaC0yeiIvPjxwYXRoIGNsYXNzPSJjbHItaS1vdXRsaW5lIGNsci1pLW91dGxpbmUtcGF0aC04IiBkPSJNMjAgMTloMnYyaC0yeiIvPjxwYXRoIGNsYXNzPSJjbHItaS1vdXRsaW5lIGNsci1pLW91dGxpbmUtcGF0aC05IiBkPSJNMjYgMTloMnYyaC0yeiIvPjxwYXRoIGNsYXNzPSJjbHItaS1vdXRsaW5lIGNsci1pLW91dGxpbmUtcGF0aC0xMCIgZD0iTTggMjRoMnYySDh6Ii8+PHBhdGggY2xhc3M9ImNsci1pLW91dGxpbmUgY2xyLWktb3V0bGluZS1wYXRoLTExIiBkPSJNMTQgMjRoMnYyaC0yeiIvPjxwYXRoIGNsYXNzPSJjbHItaS1vdXRsaW5lIGNsci1pLW91dGxpbmUtcGF0aC0xMiIgZD0iTTIwIDI0aDJ2MmgtMnoiLz48cGF0aCBjbGFzcz0iY2xyLWktb3V0bGluZSBjbHItaS1vdXRsaW5lLXBhdGgtMTMiIGQ9Ik0yNiAyNGgydjJoLTJ6Ii8+PHBhdGggY2xhc3M9ImNsci1pLW91dGxpbmUgY2xyLWktb3V0bGluZS1wYXRoLTE0IiBkPSJNMTAgMTBhMSAxIDAgMCAwIDEtMVYzYTEgMSAwIDAgMC0yIDB2NmExIDEgMCAwIDAgMSAxeiIvPjxwYXRoIGNsYXNzPSJjbHItaS1vdXRsaW5lIGNsci1pLW91dGxpbmUtcGF0aC0xNSIgZD0iTTI2IDEwYTEgMSAwIDAgMCAxLTFWM2ExIDEgMCAwIDAtMiAwdjZhMSAxIDAgMCAwIDEgMXoiLz48cGF0aCBjbGFzcz0iY2xyLWktb3V0bGluZSBjbHItaS1vdXRsaW5lLXBhdGgtMTYiIGQ9Ik0xMyA2aDEwdjJIMTN6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzNnYzNkgweiIvPjwvc3ZnPg==");}
.datepicker-select-box .datepicker{background-size: 20px;    background-repeat: no-repeat;    background-position: calc(100% - 5px);    padding-right: 30px;    font-size: .87rem;}
.select-page .wb-input-min,
.select-page .wb-input-max{ font-size: 0.875rem;padding: .375rem .35rem;}
.select-page .form-select{ font-size: 0.875rem;}


/*搜尋結果*/
.search-range-keywords { padding: 0px 0px 0px 0px; font-weight: normal; color: rgba(0, 0, 0, 0.2); display: inline-block; }
.search-range-keywords strong { color: #333; }
.search-range-keywords span { margin-left: 5px; margin-right: 5px; /*background-color: rgba(240, 240, 240, 1);border: 1px solid rgba(0, 0, 0, 0.1);*/
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 5px 10px 5px 10px; font-weight: normal; display: inline-block; margin-bottom: 10px }
.search-range-number { padding: 10px 0px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-weight: normal; }
.search-range-number strong { color: #c00; padding-left: 8px; padding-right: 8px; }
.search-product-page { /*margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; width: 100%; */}
.search-product-page em { font-weight: bold; font-style: normal; padding: 1px; color: #ea4335;}

@media screen and (max-width: 1200px){}
@media screen and (max-width: 992px){}
@media screen and (max-width: 768px){}
@media screen and (max-width: 576px){}