.filter-control { display:flex; justify-content:space-between; margin:0px; padding:0px 0px 20px 0px; }
.filter-control .filter-control-list { display:flex; justify-content:flex-start; margin:0px; padding:0px; width:100%; }
.filter-control .filter-control-list > .selection-cnt { display:block; padding:0px; margin:0px 20px 0px 0px; position:relative; width:200px; flex:1; }

.filter-control .filter-control-list > .selection-cnt > DIV:first-of-type { width:100%; height:100%; padding:3px 25px 3px 10px; box-sizing:border-box; border:1px solid #8c8c8c; border-radius:5px; position:relative; }
.filter-control .filter-control-list > .selection-cnt > DIV:first-of-type:after { content:''; width:0px; height:0px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #124068; top:50%; transform:translateY(-50%); right:5px; position:absolute; }
.filter-control .filter-control-list > .selection-cnt > DIV .selected-label { padding:0px 10px 0px 0px; border-right:1px solid #124068; color:#124068; font-size:16px; }

.filter-control .filter-control-list > .selection-cnt > DIV.selection-list { display:none; position:absolute; top:100%; left:0px; background:#fff4ed; cursor:pointer; padding:0px 10px; width:100%; box-sizing:border-box; z-index:1000; }
.filter-control .filter-control-list > .selection-cnt > DIV.selection-list * { color:#112e55; padding:3px 0px; }

.filter-control .filter-control-list > .selection-cnt:hover > DIV .selected-label { color:#e6813a; }
.filter-control .filter-control-list > .selection-cnt:hover > DIV.selection-list { display:block; } 
.filter-control .filter-control-list > .selection-cnt:hover > DIV.selection-list > DIV:hover { color:#e6813a; }
   
.filter-results { display:block; }
.filter-results .filter-panel { display:block; }

.filter-results .filter-panel .filter-first-characters { display:flex; flex-wrap:wrap; justify-content:flex-start; padding:0px 0px 20px 0px; }
.filter-results .filter-panel .filter-first-characters > SPAN { display:inline-block; margin:5px 10px; color:#8c8c8c; font-size:18px; font-weight:bold; }
.filter-results .filter-panel .filter-first-characters > SPAN.click { color:#e6813a; cursor:pointer; }
.filter-results .filter-panel .filter-first-characters > SPAN.active { color:#e6813a; font-weight:bold; text-decoration:underline; } 

.filter-results .filter-panel .filter-location-block { display:flex; flex-wrap:wrap; justify-content:flex-start; margin:0px -10px; } 
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item { display:block; width:calc(100% / 3); padding:0px 15px; margin:0px 0px 20px 0px; box-sizing:border-box; border-radius:10px; position:relative; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item { width:100%; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .item-img { display:block; width:100%; position:relative; border:1px solid #124068; border-radius:40px 0px 40px 40px; cursor:pointer; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item:hover .item-img { border:1px solid #e6813a; }

.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .item-img:after { display:block; content:''; padding-top:56.25%; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .item-img > IMG { display:block; width:90%; height:90%; position:absolute; object-fit:contain; top:5%; left:5%; }

.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .item-prop { font-size:16px; cursor:pointer; color:#112e55; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .item-prop .title { padding:20px 0px; text-align:center; font-weight:bold; font-size:18px; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item:hover .item-prop .title { color:#e6813a; text-decoration:underline; }

.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .item-prop .summary { padding:20px 0px 20px 0px; position:relative; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .item-prop .summary:after { content:'(read more)'; position:absolute; bottom:0px; left:0px; color:#e6813a; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item:hover .item-prop .summary:after { color:#e6813a; text-decoration:underline; }

.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .admin { position:absolute; display:inline-block; padding:5px; top:0px; right:0px; z-index:1000; }
.filter-results .filter-panel .filter-location-block > DIV.filter-siwwexhib-item > DIV.item .admin IMG { cursor:pointer; }

.filter-results .filter-panel .siwwexhib-navi { display:flex; width:100%; justify-content:center; align-items:center; padding:20px 0px 50px 0px; }

.filter-results .filter-panel .siwwexhib-navi .btn-prev  { display:block; width:15px; height:23px; background:url('/qql/slot/u150/style2022/sub/slide-left-normal.png') center no-repeat; text-indent:-9999px; }
.filter-results .filter-panel .siwwexhib-navi .btn-prev:hover  { background:url('/qql/slot/u150/style2022/sub/slide-left-active.png') center no-repeat;  }
.filter-results .filter-panel .siwwexhib-navi .btn-next   { display:block; width:15px; height:23px; background:url('/qql/slot/u150/style2022/sub/slide-right-normal.png') center no-repeat; text-indent:-9999px; }
.filter-results .filter-panel .siwwexhib-navi .btn-next:hover  { background:url('/qql/slot/u150/style2022/sub/slide-right-active.png') center no-repeat;  }

.filter-results .filter-panel .siwwexhib-navi .disabled { visibility:hidden; } 

.filter-results .filter-panel .siwwexhib-navi .siwwexhib-navi-list { display:flex; margin:0px 10px; width:auto; text-align:center; }
.filter-results .filter-panel .siwwexhib-navi .siwwexhib-navi-list > A { display:inline-block; width:12px; height:12px; text-indent:-9999px; background:#124068; border-radius:6px; margin:0px 5px; }
.filter-results .filter-panel .siwwexhib-navi .siwwexhib-navi-list > A.active { background:#f3792a; width:25px; }


.siwwexhib-modal { background:#FFFFFF; padding:30px; } 
.siwwexhib-modal .siwwexhib-content { background:#f8f8f8; padding:20px; }
.siwwexhib-modal .siwwexhib-content .siwwexhib-image { height:200px; }
.siwwexhib-modal .siwwexhib-content .siwwexhib-image IMG { width:100%; height:100%; object-fit:contain; display:block; margin:0px auto; }
.siwwexhib-modal .siwwexhib-content .siwwexhib-title { font-size:36px; text-align:center; font-weight:bold; color:#112e55; display:block; padding:20px 0px 10px 0px; }
.siwwexhib-modal .siwwexhib-content .siwwexhib-prop { font-size:21px; color:#112e55;  margin:20px 0px; }
.siwwexhib-modal .siwwexhib-content .siwwexhib-info { font-size:18px; color:#112e55; }
