.mobileFilterButton { display: none }
#c23FilterBase { position: sticky;position: -webkit-sticky; top:0; padding: 15px 0; text-align: center; background: #424242 ; z-index: 999 ;}
#c23FilterBase * { vertical-align: top ; box-sizing: border-box;border-radius:5px; }
#c23FilterBase * { border: 0;  letter-spacing: -0.31em;     *letter-spacing: normal;  *word-spacing: -0.43em;  text-rendering: optimizespeed; }

#c23FilterArea { position: relative; margin:0 auto; width: 80%; max-width: 1400px;  }

#c23FilterArea .areaIntroduction {position: fixed;right: 0px;bottom: 100px;padding: 5px 3px 10px 3px;width: 45px;height: 145px;  font: 20px/24px "微軟正黑體","arial";color: #fff;letter-spacing: 0;
border-radius: 99em;cursor: pointer;transition: .5s;-webkit-transition: .5s; background: #f85523; z-index: 9999; text-align: center;}
#c23FilterArea .areaIntroduction img { margin-top: -16px;  /*transform: translateY(-16px);*/ }
#c23FilterArea .backTop { position: fixed;right: 0px;bottom: 50px;width: 45px; height: 45px; background: rgba(0,0,0,0.1) ;border-radius: 99em;cursor: pointer;}

#c23FilterArea .areaIntroduction:hover { background: #38cbdc; }
#c23FilterArea .box2 { display: inline-block; width: 50% }
#c23FilterArea .box2.sliderBarArea { padding: 0 2% 10px 2% }
#c23FilterArea .showPrice { margin:0 0 8px 0; vertical-align: top; }
#c23FilterArea label { margin: 0; padding: 0; border: 0; letter-spacing: 0; font: 15px/15px "微軟正黑體","arial"; color: #fff;vertical-align: top }
#c23FilterArea #slider-range { margin:0 auto; padding: 0; width:100% }
#c23FilterArea #slider-range .ui-slider-handle {box-shadow: 0 0 10px rgba(0,0,0,0.5)}
#c23FilterArea #slider-range .ui-corner-all {  border-radius: 99em }
#c23FilterArea #slider-range .ui-widget-header { transition: .5s;  -webkit-transition: .5s; background:#f85523 }
#c23FilterArea #slider-range:hover .ui-widget-header { background: #38cbdc  }

#c23FilterArea #amount { margin: -2px 0 0 0; padding: 0; border: 0; letter-spacing: 0;font: 15px/15px "微軟正黑體","arial";  color: #f85523; background: transparent; text-align: left; vertical-align: top}
#c23FilterArea #searchLeft , #c23FilterArea #searchRight  { display: inline-block; }
#c23FilterArea #searchLeft { width: 70% }
#c23FilterArea #searchRight { width: 30%; vertical-align: bottom;}
#c23FilterArea #searchRight #searchStart { display: inline-block; width: 80%; height: 45px;letter-spacing: 0; font: 15px/45px "微軟正黑體","arial"; text-align: center; color: #fff;background: #f85523; 
transition: .5s;  -webkit-transition: .5s; cursor: pointer;}
#c23FilterArea #searchRight #searchStart:hover { background: #38cbdc;  }
#c23FilterArea #searchRight #searchCancel { display: inline-block; margin: 0 2%; width: 16%; height: 45px;letter-spacing: 0; font: 15px/45px "微軟正黑體","arial"; color: #fff;text-align: center;
transition: .5s;  -webkit-transition: .5s; background: #f85523; cursor: pointer; }
#c23FilterArea #searchRight #searchCancel:hover { background: #38cbdc;  }
#c23FilterArea #searchInput { display: inline-block; width: 100%; border: 0; color: #424242; background: #fff; text-align: left; }

#c23FilterArea .plsKeyword { margin:0 0 8px 1%;  text-align: left;letter-spacing: 0; font: 15px/15px "微軟正黑體","arial"; color: #fff }
#c23FilterArea #searchInput { font-size: 16px; margin:0 1%; width: 98%; letter-spacing: 0;color: #424242;}
#c23FilterArea #h4ButtonBase { position: relative; margin:10px 0 0 0; padding: 5px 20px; width: 100%; text-align: left; background: #fff ; overflow: hidden;}
#c23FilterArea #h4ButtonBase p { position: relative;display: inline-block; padding: 2px 5px;  letter-spacing: 0; font: 16px/20px "微軟正黑體","arial"; color: #fff; background:#f85523;z-index: 2}
#c23FilterArea #h4ButtonBase > div { display: inline-block; }

#c23FilterArea #h4ButtonBase > div:nth-child(2) { width: 100%; text-align: left; }
/*
#c23FilterArea #h4ButtonBase > div:first-child { width: 20px; }
#c23FilterArea #h4ButtonBase > div:nth-child(2) { width: calc(100% - 20px); text-align: left; }
*/
#c23FilterArea #h4ButtonBase a { display: inline-block; position: relative; margin:5px 0; padding: 0 10px; width: 150px; letter-spacing: -1px; font: 15px/15px "微軟正黑體","arial"; text-align: center; color: #424242; overflow: hidden; cursor: pointer; white-space:nowrap; z-index: 2}
#c23FilterArea #h4ButtonBase .colorMat { position: absolute; top:0; left:  0; width: 0px; height: 0px; background: #f85523 ; z-index:1 }
.highLight { background: #fff200 }

.informationBase .informationArea .box3 { width: 20%; display: inline-block; }


@media only screen and (max-width: 1450px) {
/*#c23FilterArea .areaIntroduction { right: -80px }*/
 
}

@media only screen and (max-width: 768px) {
.mobileFilterButton { display: inline-block; position: fixed; bottom:0; /*left:calc(50% - 25px);*/ /*top:0;*/ right: 50%;  padding: 5px; width:auto; height:auto; z-index: 9999; background: rgba(0,0,0,0.5) }

#c23FilterBase { position: fixed; top: -200vh; width: 100%; height: 100vh; background: rgba(0,0,0,0.8) }

#c23FilterArea .areaIntroduction { position: static; right:0; bottom: 0; padding: 2% 0; width: 100%; height: auto;font: 14px/14px "微軟正黑體","arial"; color: #fff; letter-spacing: 0; border-radius: 5px;}
#c23FilterArea .areaIntroduction img { display: none }
#c23FilterArea .backTop { display: none }

#c23FilterArea .box2 , #c23FilterArea .box2.sliderBarArea { display:block; margin: 0 auto 5% auto; padding: 5% 0; border-bottom: 1px solid rgba(255,255,255,0.5); width: 100%;}
#c23FilterArea #searchLeft { width: 60% }
#c23FilterArea #searchRight { width: 40% }
#c23FilterArea #h4ButtonBase > div { display: inline-block; width: 100% }
#c23FilterArea #h4ButtonBase > div:first-child { width: 100%  }
#c23FilterArea #h4ButtonBase > div:nth-child(2) { width: 100% }
#c23FilterArea #h4ButtonBase p { width: 100% ; text-align: center; }
#c23FilterArea #h4ButtonBase a { font-size: 14px; width: 50%; }
#c23FilterArea #h4ButtonBase { margin:5% 0; padding:2%; height: 50vh; letter-spacing: 0; font: 18px/30px "微軟正黑體","arial"; color: #424242; cursor: pointer; overflow-y: scroll; }

}