.list_btm_grp{padding: 60px 0; position: relative;}
.list_pager{overflow:hidden;text-align:center;font-size: 0;}
.list_pager a{display:inline-block;min-width:16px;text-align:center;padding:0 11px; position:relative;line-height:38px;height:38px; background-color:transparent;color:#666;font-size:15px;font-family: 'Lato';margin:0 3px;transition:all .25s ease-out; border: 1px solid #ccc;}
.list_pager a::after,.list_pager a::before{content:'';display:block;position:absolute}
.list_pager a:hover{border-color:#000;color: #000;}
.list_pager a.present{color:#111;border-color: #111;}
.list_pager a.page_first,.list_pager a.page_prev,.list_pager a.page_next,.list_pager a.page_last{text-indent:-999em}
.list_pager a.page_first::before,.list_pager a.page_prev::before,.list_pager a.page_next::before,.list_pager a.page_last::before,.list_pager a.page_first::after,.list_pager a.page_last::after{border-style:solid;border-color:#777;border-width:0 0 1px 1px;left:30%;transform:rotate(-135deg);top:37%;padding:5px;}
.list_pager a.page_last::before{left:35%}
.list_pager a.page_first::before{border-width:1px 1px 0 0;left:50%}
.list_pager a.page_first::after{border-width: 1px 1px 0 0;left:33%;}
.list_pager a.page_prev::before{border-width:1px 1px 0 0;left:43%}
.list_pager a.page_last::before{left:22%;}
.list_pager a.page_last::after{left:39%;}
.list_pager a.page_first:hover::after,.list_pager a.page_last:hover::after,.list_pager a.page_first:hover::before,.list_pager a.page_prev:hover::before,.list_pager a.page_next:hover::before,.list_pager a.page_last:hover::before{border-color:#000}

.pageContent .findBoxSimple{border:0; padding:0;background:#fff;margin-bottom:30px ;font-size: 16px;overflow: hidden;}
.pageContent .findBoxSimple ul{list-style: none;margin: 0;padding: 0;overflow: hidden;}
.pageContent .findBoxSimple li{border:solid 1px #ddd;padding:0; position:relative; line-height:1.5;margin:0 0 8px 0 ;list-style-type: none;overflow: hidden;}
.pageContent .findBoxSimple li p{line-height:1.5}
.pageContent .findBoxSimple h4{position:relative; text-align:left;top:auto;left:auto; width:auto;bottom: auto;display: block;vertical-align: middle;height: auto;border-right: 0;border-bottom: 1px solid #ddd;background-color: #f7f7f7;padding: 10px 25px;}
.pageContent .findBoxSimple h4 span{ background:none; color:#000; font-weight:bold; padding: 0;  text-align:left;display: block;}
.pageContent .findBoxSimple h4 span input{/* display: block;margin: 2px auto 0; */}
.pageContent .findBoxSimple h4 span label{display: inline;}
.pageContent .findBoxSimple li p.forLabelSet {overflow: hidden;padding: 20px 0 15px 25px;margin-bottom: 0;}
.pageContent .findBoxSimple li p.forLabelSet label{display: block;float: left;width: 13%;margin-left: 1%;margin-right: 0;padding: 3px 0 ;}
.pageContent .findBoxSimple li p.forLabelSet label input[type="checkbox"]{margin-right: 5px;vertical-align: middle;display: inline-block;}

.pageContent .findBoxSimple .chkicon{position: absolute;overflow: hidden;top: 0;right: 20px;font-size: 0;text-align: right;}
.pageContent .findBoxSimple .chkicon a{display: inline-block;font-size: 15px;padding: 0 10px;line-height: 43px;color: #000;font-weight: 300;opacity: .5;}
.pageContent .findBoxSimple .chkicon a i{margin-right: 4px;}
.pageContent .findBoxSimple .chkicon a:hover,
.pageContent .findBoxSimple .chkicon a:focus{opacity: 1;}
.pageContent .findBoxSimple .chkicon a.on{opacity: 1;color: #000;font-weight: 500;}
.pageContent .findBoxSimple .chkicon a.on i{color: #36f;}
.pageContent .findBoxSimple li:last-child{border: none;background-color: #642988;color: #fff;padding: 20px;text-align: center;font-size: 18px;margin-top: 20px;}
.pageContent .findBoxSimple li:last-child h4{display: none;}
.pageContent .findBoxSimple li:last-child select{height: 40px !important;border: none;font-size: 18px;padding: 0 20px;position: relative;opacity: .3;}
.pageContent .findBoxSimple li:last-child input{height: 40px;line-height: 40px;border: none;vertical-align: middle;}
.pageContent .findBoxSimple li:last-child input[type="text"]{width: 480px;background-color: #fff;text-align: center;padding: 0 10px;font-size: 18px;margin-right: 5px;outline: 0;box-shadow:inset 0 0 1px 1px #9269AB}
.pageContent .findBoxSimple li:last-child .inputBtn{border: none;background: none;display: inline;height: auto;margin: 0;}
.pageContent .findBoxSimple li:last-child .inputBtn input[type="submit"]{width: 45px;font-size: 0;padding: 0 !important;border: none;background:transparent url(../img/common/search_w.png) center 40% no-repeat;outline: 0;}
.pageContent .findBoxSimple li:last-child .inputBtn.black a{display: inline-block;background:none;border: none;border-bottom: 1px solid #fff;line-height: 30px;height: 30px;padding: 0 3px !important;color: #fff;vertical-align: middle;font-size: 15px;float: right;opacity: .8;}
.pageContent .findBoxSimple li:last-child .inputBtn.black a:hover{opacity: 1;}

.btnWrapper .left{padding-top: 0;}
.btnWrapper .list_top{height: auto;}
.btnWrapper .article_total{font-size: 16px;line-height: 48px;}

.pageContent .right.view_type{padding-right: 0;}
.pageContent .view_type .inputBtn,
.pageContent .view_type .inputBtn a{display: inline;border: 0;background: none;font-size: inherit;line-height: 0;height: auto;padding: 0;margin: 0;width: auto;}
.pageContent .view_type .inputBtn a{display: inline-block;font-size: 17px !important;line-height: 48px;padding: 0 20px 0 55px !important;border: 1px solid #ddd;color: #666;position: relative;background-color: #f0f0f0;transition:.25s}
.pageContent .view_type .inputBtn a::after{display: block;content: '';position: absolute;left: 17px;top: 12px;width: 29px;height: 25px;background-repeat: no-repeat;background-size:auto 25px ;opacity: .4;transition:.25s}
.pageContent .view_type .inputBtn a[href*="list"]::after{background-image: url(../img/common/view_type_1.png);background-position: 0 center;width: 26px;}
.pageContent .view_type .inputBtn a[href*="photo"]::after{background-image: url(../img/common/view_type_2.png);background-position: 0 center;}
.pageContent .view_type .inputBtn a[href*="map"]::after{background-image: url(../img/common/view_type_3.png);background-position: 0 center;width: 21px;}
.pageContent .view_type .inputBtn a:hover,
.pageContent .view_type .inputBtn.black a{background-color: #fff;border-color: #642988;color: #642988 !important;}
.pageContent .view_type .inputBtn a:hover::after,
.pageContent .view_type .inputBtn.black a::after{opacity: 1;}


.achiveInfo {max-width: 1000px;margin: 0 auto;}
.infoTop{line-height: 1.1;margin-bottom: 20px;}
.infoName{font-size: 33px;margin-bottom: 20px;letter-spacing: -2px;font-weight: 500;}
.infoTop .hstgs{margin-bottom: 15px;font-size: 0;}
.infoTop .hstgs span{display: inline-block;color: #fff;background-color: #642988;padding: 0 13px;line-height: 29px;height: 30px;font-size: 15px;margin: 0 4px 0 0;font-weight: 300;border-radius:4px ;}

.infoTop dl {margin-bottom: 20px;}
.infoTop dl dt,.infoTop dl dd{display: inline-block;border: 0;font-size: 15px;vertical-align: middle;line-height: 1.3;}
.infoTop dl dt{color: #000;margin-right: 2px;position: relative;padding-right: 7px;}
.infoTop dl dt::after{display: block;content: ':';position: absolute;top: -2px;right: 0;}
.infoTop dl dd{color: #777;margin-right: 15px;}
.infoFile {border-top: 1px solid #642988;border-bottom: 1px solid #ddd;padding: 20px 15px 15px;background-color: #f9f9f9;}
.infoFile p {position: relative;padding-left: 20px;line-height: 1.3;padding-bottom: 10px;}
.infoFile p a{display: block;color: #333;}
.infoFile p a i{position: absolute;top: 3px;left: 4px;color: #09c;}

@media screen and (max-width:1024px) {
.infoName{font-size: 26px;margin-bottom: 15px;letter-spacing: -1.4px;}
.infoTop .hstgs span{font-size: 14px;line-height: 26px;height: 27px;padding: 0 10px;border-radius:3px ;}
.infoTop dl dt,.infoTop dl dd{font-size: 14px;}
.infoTop dl dt{padding-right: 5px;}
.infoTop dl dd{margin-right: 10px;}
.infoFile{padding: 15px 10px 10px;}
.infoFile p{font-size: 13px;padding-bottom:  5px;}

.pageContent .findBoxSimple{font-size: 15px;}
.pageContent .findBoxSimple h4{padding: 8px 20px;}
.pageContent .findBoxSimple .chkicon{right: 5px;}
.pageContent .findBoxSimple .chkicon a{line-height: 37px;font-size: 14px;}
.pageContent .findBoxSimple li p.forLabelSet{padding-top: 15px;padding-left: 15px;}
.pageContent .findBoxSimple li p.forLabelSet label{width: 19%;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pageContent .findBoxSimple li p.forLabelSet label input[type="checkbox"] {margin-right: 1px;}
}

@media screen and (max-width:815px) {
.pageContent .findBoxSimple li p.forLabelSet label{width: 24%;}
.pageContent .findBoxSimple li:last-child{font-size: 15px;padding: 10px 60px 10px 80px;position: relative;overflow: hidden;}
.pageContent .findBoxSimple li:last-child select{position: absolute;top: 10px;left: 10px;padding: 0 15px 0 5px;width: 65px;font-size: 15px;}
.pageContent .findBoxSimple li:last-child input[type="text"]{width: calc(100% - 70px);font-size: 16px;margin-right: 0;float: left;}
.pageContent .findBoxSimple li:last-child .inputBtn input[type="submit"]{float: right;}
.pageContent .findBoxSimple li:last-child .inputBtn.black a{opacity: 1;font-size: 13px;position: absolute;top: 10px;right: 10px;float: none;}
}
@media screen and (max-width:640px) {
.pageContent .findBoxSimple{font-size: 14px;}
.pageContent .findBoxSimple li p.forLabelSet label{width: 32.3%;}
.pageContent .view_type .inputBtn a{font-size: 0 !important;padding: 0 0 0 53px !important;}
.pageContent .view_type .inputBtn a::after{left: 50%;transform:translateX(-45%)}
}
@media screen and (max-width:450px) {
.pageContent .findBoxSimple li p.forLabelSet label input[type="checkbox"]{margin-right: 0;margin-bottom: 1px;}
.pageContent .findBoxSimple li:last-child .inputBtn input[type="submit"]{background-size:21px auto ;background-position: 15% center;}
}

/********************
filter 2022
**********************/

.pageContent .view_type .inputBtn a[href*="list"]::after,
.pageContent .view_type .inputBtn a[href*="photo"]::after,
.pageContent .view_type .inputBtn a[href*="map"]::after{width: 17px;background-size:17px auto ;}

.pageContent .view_type .inputBtn a[href*="list"]:hover::after,
.pageContent .view_type .inputBtn.black a[href*="list"]::after{opacity: 1;background-image: url(../img/common/view_type_11.png);}
.pageContent .view_type .inputBtn a[href*="photo"]:hover::after,
.pageContent .view_type .inputBtn.black a[href*="photo"]::after{opacity: 1;background-image: url(../img/common/view_type_21.png);}
.pageContent .view_type .inputBtn a[href*="map"]:hover::after,
.pageContent .view_type .inputBtn.black a[href*="map"]::after{opacity: 1;background-image: url(../img/common/view_type_31.png);}

.pageContent .view_type .inputBtn a,.pageContent .view_type .inputBtn a:hover, .pageContent .view_type .inputBtn.black a{border: none;background: none;}
.pageContent .view_type .inputBtn a::after{left: 11px;}
.pageContent .view_type .inputBtn a{padding: 0 10px 0 35px !important;font-size: 16px;}

.srchFilter {position:relative;z-index:2;margin:0 auto;padding: 10px;border-radius:25px ;background-color: #f0f0f0;border: 1px solid #ccc;height: 50px;font-weight: 300;}
.srchFilter::after{display: block;content: '';clear: both;}
.allBtn{width: 55px;float: left;overflow: hidden;height: 50px;position: relative;z-index: 3;}
.allBtn button{width: 50px;display: block;border-radius:100% ;height: 50px;background-color: #666;color: #fff;text-align: center;font-size: 13px;transition:all .25s ease-out}
.allBtn button b,.allBtn button span{display: block;position: relative;}
.allBtn button b{padding-top: 4px;font-weight: 300;}
.allBtn button span{text-indent: -999em;}
.allBtn button span::before{content:'';display:block;position:absolute;border-style:solid;border-color:#fff;border-width:0 0 1px 1px;padding:3px;transform:rotate(-45deg);top:15%;;margin-left: -3px;left:50%;transition:all .25s ease-out}
.allBtn button.close{background-color: #642988;}
.allBtn button.close span::before{transform:rotate(-225deg);top: 25%;}
.srchFilter .option {padding:0 5px;width: 150px;float: left;position: relative;height: 50px;}
.srchFilter .optionBox {box-sizing:border-box;color:#000;font-size:15px;letter-spacing:-1px;text-align:left;border-radius:25px;background-color: #fff;border: 1px solid #ddd;position: absolute;top: 0;right: 5px;left: 5px;/* transition:all .25s ease-out */}

.srchFilter .optionBox > .fakeLabel,
.srchFilter .optionBox > label{padding-left: 20px;position:relative;z-index:2;height:50px;border:0;box-sizing:border-box;color:#666;font-size:16px;line-height:50px;display: block;}
.srchFilter .optionBox > button.optionBtn {position: absolute;top: 0;left: 0;right: 0;height: 50px;text-align: left;z-index: 3;line-height: 50px;display: block;text-indent: -999em;font-size: 0;}
.srchFilter .optionBox > .fakeLabel::after,
.srchFilter .optionBox > button.optionBtn::after{content:'';display:block;position:absolute;border-style:solid;border-color:#666;border-width:0 0 1px 1px;padding:3px;transform:rotate(-45deg);top:50%;margin-top: -5px;right:23px;transition:all .25s ease-out}
.srchFilter .optionBox.active{/* border-color: #000; */}
.srchFilter .optionBox > .fakeLabel::after,
.srchFilter .optionBox.active > button.optionBtn::after{transform:rotate(-225deg);border-color:#000;margin-top: -4px;}
.srchFilter .optionBox > .fakeLabel::after{border-color: #999;}
.srchFilter .optionBox.active > label{color: #000;}
.srchFilter .optionBox > .fakeLabel{display: none;}
.srchFilter > button.close{border: 10px solid #000;display: none;}
.srchFilter > button.open{border: 5px solid #f00;}
.srchFilter .optionBox .pannel{display: none;overflow: hidden;padding: 10px 5px 20px 20px;}
.srchFilter .optionBox .pannel label{display: block;line-height: 28px;margin-bottom: 3px;}
.srchFilter .option.forTheme{width: 180px;}
.srchFilter .option.forTheme .pannel label{float: left;width: 50%;}
.srchFilter .option .pannel input{display: inline-block;vertical-align: middle;margin-right: 2px;margin-bottom: 3px;}
.srchFilter button.srchBtn{float: right;display: block;border-radius:2.5em ;width: 150px;line-height: 48px;height: 50px;background-color: #642988;color: #fff;text-align: center;font-size: 18px;font-weight: 300;}
.srchFilter .option.forWord{width:calc(100% - (160px + 160px + 160px +  190px + 10px + 50px));background-color: transparent;overflow: hidden;padding-right: 0;}
.optionWord{border-radius:25px;background-color: #fff;border: 1px solid #ddd;height: 50px;float: left;width: calc(100% - 160px );box-sizing:border-box;}
.srchFilter .option.forWord select{height: 50px !important;border: none;font-size: 16px;padding: 0 20px;position: relative;background-color: transparent;}
.srchFilter .option.forWord input[type="text"]{box-sizing:border-box;width: calc(100% - 130px );background-color: transparent;text-align: left;padding: 0;font-size: 18px;outline: 0;height: 50px;line-height: 48px;border: none;vertical-align: middle;color: #000;}
@media all and (min-width:600px) {
.srchFilter.tong .optionBox {border-radius:0;left: 0;right: 0;padding-left: 6px;padding-right: 5px;border-left: 0;}
.srchFilter.tong .optionWrap .option:first-of-type .optionBox{padding-left: 0;left: 5px;border-radius:25px 0 0 25px;border-left: 1px solid #ddd;}
.srchFilter.tong .optionWrap .option:last-of-type .optionBox{padding-right: 0;right: 5px;border-radius:0 25px 25px 0}
.srchFilter.tong .optionBox .pannel{height: 340px;}
.srchFilter.tong .optionBox > label,
.srchFilter.tong .optionBox > button.optionBtn {display: none}
.srchFilter.tong .optionBox > .fakeLabel{display: block;}
}
.srchFilter .optionWrap {position: relative;float: left;z-index: 2;}
.srchFilter .optionWrap::after{display: block;content: '';clear: both;}
.srchFilter .optionWrap .x{display: none;position: absolute;top: 13px;right: 18px;width: 28px;height: 28px;background-color: #999;z-index: 3;border-radius:50%;text-indent: -999em;transition:all .25s ease-out}
.srchFilter .optionWrap .x:hover{background-color: #000;}
.srchFilter .optionWrap .x::before{display: block;content: '';height: 1px;width: 14px;transform:rotate(45deg);background-color: #fff;position: absolute;top: 13px;left: 7px;}
.srchFilter .optionWrap .x::after{display: block;content: '';height: 1px;width: 14px;transform:rotate(-225deg);background-color: #fff;position: absolute;top: 13px;left: 7px;}
.srchFilter.tong .optionWrap .x{display: block;}

.resultSet{padding: 20px 10px 30px;}
.resultSet ul,.selectedBox li{list-style-type: none;margin: 0;padding: 0;}
.resultSet ul{overflow: hidden;}
.resultSet li{float: left;margin-right: 3px;margin-bottom: 5px;}
.resultSet .items li a,
.resultSet .items li button{font-size:13px; padding:2px 3px 3px 11px; text-decoration:none !important;letter-spacing: -1px;border: 1px solid #e2e2e2;border-radius:2.5em;overflow: hidden;word-break:break-all;color: #666;transition:all .25s ease-out}
.resultSet .items li  .ico,
.resultSet  button .ico {margin-left:5px; text-indent:-9999px; display:inline-block; vertical-align:middle; position:relative; top:0; width:18px; height:16px; }
.resultSet .items li  .ico::before{display: block;content: '';height: 1px;width: 10px;transform:rotate(45deg);background-color: #666;position: absolute;top: 6px;left: 0;}
.resultSet .items li  .ico::after{display: block;content: '';height: 1px;width: 10px;transform:rotate(-225deg);background-color: #666;position: absolute;top: 6px;left: 0;}
.resultSet .items li.last button{border-color: #e0e0e0;background-color: #f0f0f0;color: #000;}
.resultSet .items li a:hover,
.resultSet .items li button:hover{color: #000;border-color: #555;}
.resultSet .items li :hover .ico::before,
.resultSet .items li :hover .ico::after{background-color: #000;transition:all .25s ease-out}
@media all and (max-width:1130px) {
.srchFilter{height: auto;}
.srchFilter .optionWrap{float: none;width: auto;margin-bottom: 10px;}
.srchFilter .option.forWord{float: none;width: auto;padding: 0;}
.srchFilter .option,.srchFilter .option.forTheme{width:calc((100% - 95px)/4);padding-right: 0;padding-left: 10px; }
.srchFilter .optionWrap .option:last-of-type .optionBox,
.srchFilter.tong .optionWrap .option:last-of-type .optionBox{right: 0;}
.resultSet{padding: 20px 0;}
}
@media all and (max-width:820px) {
.srchFilter .optionBox .pannel{padding-left: 10px;}

}
@media all and (max-width:600px) {
.srchFilter {position: relative;padding-left: 70px;}
.allBtn{width: 55px;float: none;position: absolute;top: 10px;left: 10px;z-index: 3;}
.srchFilter .option,.srchFilter .option.forTheme{width:auto;padding-right: 0;padding-left: 0; float: none;margin-bottom: 10px;height: auto;}
.srchFilter .optionBox {position: relative;left: auto;right: auto;overflow: hidden;}
.srchFilter .optionBox .pannel{padding-bottom: 13px;padding-left: 15px;border-top: 1px solid #e9e9e9;background-color: #f9f9f9;}
.srchFilter .optionBox .pannel label{line-height: 23px;font-size: 14px;margin-bottom: 2px;}
.srchFilter .optionBox .pannel label,.srchFilter .option.forTheme .pannel label{display: inline-block;padding-right: 10px;float: none;width: auto;}
.srchFilter.tong .optionWrap .x{display: none;}
.optionWord{width:auto;position: relative;float: none;padding-right:20px;}
.srchFilter button.srchBtn{border-radius:0 ;width: 40px;height: 50px;text-indent: -999em;position: absolute;float: none;right: 0;top: 0;background:   url(../img/main/search_icon.png) left center no-repeat;background-size:22px auto ;}

}